首页 > 其他分享 >Vue3与Vue2的区别(面试题)

Vue3与Vue2的区别(面试题)

时间:2022-09-23 19:56:11浏览次数:56  
标签:面试题 修饰符 key 绑定 API Vue2 Vue3 组件

模板指令

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

 

标签:面试题,修饰符,key,绑定,API,Vue2,Vue3,组件
From: https://www.cnblogs.com/LIXI-/p/16724037.html

相关文章