Vue2与Vue3区别

117 阅读1分钟

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

  1. 要求

属性名任意,假设为 x

事件名必须为 "update:x"

  1. 效果

<Switch :value="y" @update:value="y = $event"/> 可以简写为 <Switch v-model:value="y" />