05 2022 档案
摘要：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应该怎么去处理这个问
阅读全文
摘要：场景 有些时候，我们需要将一个页面拆分成各个模块。 这些模块包含增加，删除，修改，等 并且这些模块会处理非常复杂的业务逻辑问题 所以，我们最好是将他们分开。 如何将分离新增模块拆离出去 主页面 <template> <div> <el-button @click="addHanlder">新增</e
阅读全文
