vue3
-
style中可以使用js变量
-
style scoped中可以书写全局、slot的规则
-
全局方法Vue.use,Vue.mixin,Vue.directive,Vue.component,改为import{createApp} from 'vue';createApp({})来创建
-
this.$nextTick()更改为import{nextTick} from 'vue',nextTick(()=>{})这样使用
-
v-model,sync语法改变,原来v-model的value改成modelValue,input事件改成update:modelValue,允许组件有多个v-model
-
template v-for 中的key要设置在template上,不能设置在子节点上
-
v-if v-for同时在一个标签上时,v-if优先级高于v-for
-
v-bind 绑定时覆盖的问题
-
v-for的ref不再提供数组
-
取消了函数组件的functional,函数式组件通过普通函数创建
-
异步组件写法改变,增加了额外的属性
-
Slot 统一
-
自定义指令的生命周期与组件一致
-
destroyed,beforeDestroy重命名unmounted,beforeUnmount
-
mixin的data简单合并
-
transation中的过渡的class名更改。v-enter => v-enter-from;v-leave => v-leave-from
-
移除了总线程
-
filters被移除,建议用方法或者计算属性替换
===========================================================
Vue-router
-
移除name routes
-
路由定义了参数,但使用没有传入会报错
-
子路由如果是空路径,不用再写/
-
mode切换路由模式的方法已经改变
-
keep-alive,transition必须在router-view中
===========================================================
Vuex
- 安装方式的改变