Vue2与Vue3的90% 的写法完全一致,除了以下几点
- Vue 3 的 Template 支持多个根标签,Vue 2 不支持
- Vue 3 有 createApp(),而 Vue 2 的是 new Vue()
- createApp(组件),new Vue({template, render})
- 新 v-model 代替以前的 v-model 和 .sync
- 新增 context.emit,与 this.$emit 作用相同
Vue 3 的 v-model
- 要求
属性名任意,假设为 x
事件名必须为 "update:x"
- 效果
<Switch :value="y" @update:value="y = $event"/> 可以简写为 <Switch v-model:value="y" />