Vue3与Vue2的区别（面试题）

模板指令

1、v-if、v-for优先级区别

3.0依然不建议写在一个元素上 但是依然可以同时绑定

Vue2：当在同一个元素上使用v-if时，将优先v-for

Vue3：v-if优先，再v-for

 

2、v-model对的组件使用进行了返工，替换v-bind.sync

 

v-model重新设计了 组件中可以写多个v-model 然后后面加上修饰符 ：变量名进行双向绑定；

循环时可以不用绑定key ，系统会自动绑定 。如果要手动绑定注，意需要绑定唯一值 key，Vue3.0可以将key绑定template

 

3、v-on:event.native　　自定义事件绑定时的native修饰符已被移除， (3.2之前 在组合式API中必须引入 defineEmit使用 3.2是defineEmits 也可以不引人直接使用 选项式API (3.2,2)直接使用this.$emit)

 

4、v3提供2中定义组件的方式

defineComponent

defineAsyncComponent 异步组件 用法就是在2.0的基础上 用这个函数处理之后的返回值

 

5、生命周期函数 :

 

生命destroyed周期选项已重命名为unmounted

生命beforeDestroy周期选项已重命名为beforeUnmount

Vue2.0的beforeCreate、created在Vue3.0中被setup()代替 ：

开始创建组件之前，在beforeCreate和created之前执行。创建的是data和method

 

移除的API

 

6、不能在事件修饰符中绑定键码值keycode了，这个API已经被移除， 现在使用标准的key

 

7、$on、$off 和 $once 实例方法用不了，意味着中央事件总线bus被弃用

 

8、Vue2过滤器也被弃用

 

9、app.componet注册全局组件

 

10、全局配置不再绑定到原型 globalPrexxxx