自定义事件---子组件给父组件传递数据 ,v-model，非父组件的通信

子组件传递给父组件

需求：通过加号按钮和减号按钮来给父组件传递数据 链接：js.jirengu.com/tirapobage/…

在组件中使用v-model

$emit的代码，这行代码会触发一个input事件，‘input’后的参数，就是传递给v-model绑定的属性的值； v-model其实是一个语法糖，这背后做了两个操作： v-bind:绑定一个value元素； v-on:指令给当前元素绑定input事件。 要使用v-model，要做到： 接收一个value属性； 在有新的value触发input事件。 js.jirengu.com/bekopewebe/…

非父组件的通信

js.jirengu.com/vivinoguru/…

修改父组件中的数据

<child-component></child-component>----{{msg}}
---------------------------------------------------
Vue.component('child-component',{
           template:'<button @click="setFatherData">通过点击我修改父亲的数据</button>',
           methods:{
            setFatherData:function(){
                this.$parent.msg = '数据已经修改了'
            }
           }
         })
         -----------------
         var app = new Vue({
           el:'#app',
           data:{
             //bus中介
             bus:new Vue(),
             msg:'数据还没有修改'
           }
        
         })    

链接：js.jirengu.com/gupegutapa/…

拿到子组件按中的内容

js.jirengu.com/gisumaqure/… 后面要用refs