南风晚来晚相识

摘要： React 创建组件的两种方式 函数组件:使用js函数创建的组件 约定1:函数名称必须以大写字母开头 约定2:函数组件必须要有返回值. 如果返回值为null.表示不渲染任何内容。 return null [什么都不会渲染了] 如果没有return会报错的哈 怎么使用函数组件呢？ 直接使用函数名作为组 阅读全文

摘要： 1.在项目中安装 $ npm install element-plus --save $ yarn add element-plus $ pnpm install element-plus 2.安装对应的插件 npm install -D unplugin-vue-components unplug 阅读全文

摘要： vue3-mixins 在开发的过程中我们会遇见相同或者相似的逻辑代码。 可以通过vue的 mixin 功能抽离公共的业务逻辑， 然后通过impor再组件中引入。通过mixins注册进来。 这样我们就可以使用mixin中共同的业务逻辑 我们通常会在src下创建一个文件夹mixins。 然后在创建mi 阅读全文

摘要： 起因 今天接触一个项目vue。 在安装好环境之后，启动的时候报错_interopRequireDefault is not a function 解决的办法：我觉得可能是因为node_modules安装过程中出现问题。 将node_modules删除掉，然后再重新安装node_modules。在重新 阅读全文

摘要： #### markRaw ``` 作用:将一个对象标记为不可以被转化为代理对象。返回该对象本身。 应用场景: 1.有些值不应被设置成响应式时,例如复杂的第三方类库等 2.当渲染具有不可变数据源的大列表时,跳过响应式转换可以提高性能 3.在动态渲染组件的时候我们就可以使用 markRaw 包裹。 `` 阅读全文

摘要： 树形数据结构遍历某个key值 深度优先遍历（DFS） let tree = [{ id: '1', name: '节点1', children: [{ id: '1-1', name: '节点1-1' }] }, { id: '2', name: '节点2', children: [{ id: '2 阅读全文

摘要： 需求描述 有些时候，我们需要做这样的处理。 点击A按钮的时候，出现组件A 点击B按钮的时候，出现组件B 点击C按钮的时候，出现组件C 这个时候，我们就可以使用动态组件了 动态组件 <template> <div> <el-button @click="hander(item.com)" v-for= 阅读全文

摘要： 父组件如何调用子组件中的方法 父组件.vue <template> <div> <aa ref="testRef"></aa> <el-button @click="fatherHandler">调用父组件中的方法</el-button> </div> </template> <script set 阅读全文

摘要： 插槽 当组件中只有一个插槽的时候，我们可以不设置 slot 的 name 属性。 v-slot 后可以不带参数，但是 v-slot 在没有设置 name 属性的时候， 插槽口会默认为“default”。 插槽主要是在封装组件的时候去使用 注意点：v-slot 只能添加在 <template>上哈。 阅读全文

摘要： 场景描述 我们都知道，子组件是不能够去修改父组件传递过来的数据。 因为如果子组件去修改父组件件传递过来的数据。 会导致数据的应用流向变得难以理解。 但是有些时候，我们需要当子组件的数据变化后，父组件的数据也跟着变化。 vue2中我们可以使用.sync来解决这个办法。 那么vue3应该怎么去处理这个问 阅读全文