vue.js父子组件双向传输数据（v-model在组件中的使用）

父子组件双向传值

• 话不多说，来上帝视角

<div id="app">div>

<script>
  Vue.component("ComponentA", {
     
    model:{
     
        event:"change",
    },
    methods: {
     
      handleClick() {
     
       this.count++;
       this.$emit("change",this.count);
      },
    },
    data() {
     
      return {
     
        count: 0,
      };
    },
    template: `
ComponentA
    
子组件{
      {count}}
    click
    
`,
  });
  app = new Vue({
     
    el: `#app`,
    template: `
    
{
      {msg}}
      
父组件{
      {count}}
        
    
`,
    data: {
     
      msg: "hello world",
      count:0,
    },
  });