为什么选择vue3
更强的性能,更好的 tree shaking
Composition API + setup
更好地支持 TypeScript
其composition API很好的解决了逻辑复用的问题,同时解决mixin的短板。
v-deep 替换deep()
Vue.prototype替换为app.config.globalProperties
slot 调整为 v-slot(简写 #slotName)
.sync 替换为 v-model:value
删除 on,on,on,off 和 $once 实例方法,vue3.x不再支持
删除 set()set() set()delete() 方法,vue3.x不再支持
删除 .native使用,vue会自动添加到根元素 ,vue3.x不再支持
删除children,vue3.x不再支持。如果访问子组件实例,建议使用refs。
自定义指令 调整 移除之前的bind、inserted、update等,新增或者替换生命周期如created、beforeMount、updated等
指令:
bind—beforeMounted
inserted----mounted
update、componentUpdate------beforeUpdate、updated
unbind------bforeUnMount、unmounted
不同点:
Vue.config.productionTip作用是是否产生集成环境的各种提示,设置为ture表示生产环境,不再产生提示,减少体积和提示带来的开销。app.config.productionTip = true
/deep/ >>>deep -&g