组件上使用 v-model

其实下面就是 值 和 事件 是父传子值，和子事件调用父的事件

 

  改成 v-model 的写法

<ChildComponent v-model:title="pageTitle" v-model:content="pageContent" />

<!-- 是以下的简写： -->

<ChildComponent
  :title="pageTitle"
  @update:title="pageTitle = $event"
  :content="pageContent"
  @update:content="pageContent = $event"
/>

Test.vue

 

 

 

 Demo.vue