Vue3初体验

123 阅读1分钟

一、Vue3编程模型

1. 内部数据

2. 父子数据

二、Vue 3 的 v-model

  • 要求:属性名任意,假设为 x则事件名必须为 "update:x"
  • 效果:<Switch :value="y" @update:value="y = $event"/>,可简写为

<Switch v-model:value="y" />

这是 Vue 2 到 Vue 3 的一个大变动

三、和Vue2的其他区别

1. Vue 3 的 Template 支持多个根标签,Vue 2 不支持。

2. Vue 3 有 createApp()

createApp(组件)

而 Vue 2 的是 new Vue()

new Vue({template, render})

更多内容