Vue3在组件上定义v-model

248 阅读1分钟

Vue3的组件不能直接使用v-model和.sync传递数据了 现在需要使用v-model:传递的属性名 = '父子传递的属性'

例:v-model:title = 'title'

      //给组件传递title属性
      <htknow-aside v-model:title="title" />

组件内使用$emit('update:title',更新的值)去驱动数据的改变

      <div @click="$emit('update:title', 100)">{{ title }}</div>

Vue3中好像是把.sync和v-model结合到一起了,因为$emit('update:title', 100)是vue2中.sync的写法