自己看的懂版~vue3记录

·  阅读 89
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
  • 安装方式的改变
分类:
前端
标签: