weixin_50096821的博客

vue中mixin用法是一大利器，可以方便我们将组件中共同的代码抽离出来，提高代码复用性。但是mixin在vue3中有些许不同，让我们看一下变化：1. vue3中data的变量对比是浅层次的// app.vue<script>import Mixins from "./mixin.js";export default { name: "App", mixins: [Mixins], data() { return { user: { id

我们知道，key值在vue中是非常重要的，可以在dom diff中提高dom的可复用性。那么在vue2和vue3中的使用有什么不同呢？1.在v-if/v-else/v-else-if中，key值绑定不再是必须的，因为vue3会自动生成对应的唯一key值2.如果你在vue3中（如v-if）手动绑定key值，那么其他对应指令中（如v-else）也必须手动绑定key值3.<template v-for>中的key值应该绑定在<template>中而不再绑定在它的子元素中1.v-

1.简介vue3中的Async Components异步组件使用进行了很大的改动，改动如下：使用defineAsyncComponent方法来定义async components异步组件组件配置项的component重新命名为loaderloader函数（对应vue2的component函数）不再接受resolve和reject参数，并且必须返回Promise2.vue2的使用方式vue2中通过一个返回promise函数来定义async components异步组件：const async

1.简介在vue2中，v-for绑定$refs将会自动生成一个refs的数组，但是在v-for中这种行为将会变得有歧义和不高效。而在vue3中，这种用法就不会生效，因为vue3不会自动生成refs的数组。如果我们需要拿到多个的refs组成的数组，那么就需要使用函数的方式手动去绑定。2.vue2中的用法<template> <div> <ul> <!-- 绑定ref --> <li v-for="(item, i

1.vue3Lifecycle hooks列表beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedactivateddeactivatedbeforeUnmountunmountederrorCapturedrenderTrackedrenderTriggered2.vue2Lifecycle hooks列表beforeCreatecreatedbeforeMountmountedbeforeUpdate