上一页 1 ··· 12 13 14 15 16 17 18 19 20 ··· 74 下一页
摘要: 有状态组件和无状态组件 函数组件又叫做无状态组件,类组件又叫做有状态组件。 状态又叫做数据 函数组件没有自己的状态,只负责静态页面的展示。 我们可以理解为纯ui展示。() 类组件有自己的状态,扶着更新UI,会让页面动起来. state的基本使用 state就是数据,是组件内部的私有数据。 只能够在组 阅读全文
posted @ 2022-06-05 11:32 南风晚来晚相识 阅读(173) 评论(0) 推荐(0) 编辑
摘要: 事件绑定 语法:on +事件名= { ()=>{ do something }} <!-- 点击事件 --> onClick={ () => { } } 注意的是:React采用的是驼峰命名法。 需要注意的是:在类组件中和函数组件中绑定事件是不同的哈 在类组件中绑定事件 <!-- 点击事件 --> 阅读全文
posted @ 2022-06-05 10:52 南风晚来晚相识 阅读(286) 评论(0) 推荐(0) 编辑
摘要: React 创建组件的两种方式 函数组件:使用js函数创建的组件 约定1:函数名称必须以大写字母开头 约定2:函数组件必须要有返回值. 如果返回值为null.表示不渲染任何内容。 return null [什么都不会渲染了] 如果没有return会报错的哈 怎么使用函数组件呢? 直接使用函数名作为组 阅读全文
posted @ 2022-06-05 10:40 南风晚来晚相识 阅读(474) 评论(0) 推荐(0) 编辑
摘要: 1.在项目中安装 $ npm install element-plus --save $ yarn add element-plus $ pnpm install element-plus 2.安装对应的插件 npm install -D unplugin-vue-components unplug 阅读全文
posted @ 2022-05-13 13:20 南风晚来晚相识 阅读(1090) 评论(0) 推荐(1) 编辑
摘要: vue3-mixins 在开发的过程中我们会遇见相同或者相似的逻辑代码。 可以通过vue的 mixin 功能抽离公共的业务逻辑, 然后通过impor再组件中引入。通过mixins注册进来。 这样我们就可以使用mixin中共同的业务逻辑 我们通常会在src下创建一个文件夹mixins。 然后在创建mi 阅读全文
posted @ 2022-05-12 17:00 南风晚来晚相识 阅读(11861) 评论(0) 推荐(3) 编辑
摘要: 起因 今天接触一个项目vue。 在安装好环境之后,启动的时候报错_interopRequireDefault is not a function 解决的办法:我觉得可能是因为node_modules安装过程中出现问题。 将node_modules删除掉,然后再重新安装node_modules。在重新 阅读全文
posted @ 2022-05-11 22:44 南风晚来晚相识 阅读(471) 评论(0) 推荐(0) 编辑
摘要: #### markRaw ``` 作用:将一个对象标记为不可以被转化为代理对象。返回该对象本身。 应用场景: 1.有些值不应被设置成响应式时,例如复杂的第三方类库等 2.当渲染具有不可变数据源的大列表时,跳过响应式转换可以提高性能 3.在动态渲染组件的时候我们就可以使用 markRaw 包裹。 `` 阅读全文
posted @ 2022-05-11 11:04 南风晚来晚相识 阅读(13901) 评论(0) 推荐(0) 编辑
摘要: 树形数据结构遍历某个key值 深度优先遍历(DFS) let tree = [{ id: '1', name: '节点1', children: [{ id: '1-1', name: '节点1-1' }] }, { id: '2', name: '节点2', children: [{ id: '2 阅读全文
posted @ 2022-05-10 21:09 南风晚来晚相识 阅读(1869) 评论(0) 推荐(0) 编辑
摘要: 需求描述 有些时候,我们需要做这样的处理。 点击A按钮的时候,出现组件A 点击B按钮的时候,出现组件B 点击C按钮的时候,出现组件C 这个时候,我们就可以使用动态组件了 动态组件 <template> <div> <el-button @click="hander(item.com)" v-for= 阅读全文
posted @ 2022-05-08 17:09 南风晚来晚相识 阅读(685) 评论(0) 推荐(0) 编辑
摘要: 父组件如何调用子组件中的方法 父组件.vue <template> <div> <aa ref="testRef"></aa> <el-button @click="fatherHandler">调用父组件中的方法</el-button> </div> </template> <script set 阅读全文
posted @ 2022-05-07 22:06 南风晚来晚相识 阅读(529) 评论(0) 推荐(0) 编辑
上一页 1 ··· 12 13 14 15 16 17 18 19 20 ··· 74 下一页