1.数据的双向绑定

    
         
     
    
      用户名:    
          
      
{
   { msg }}
    
          
          
      {
   { checked }}    
      
    
          
      Jack    
          
      Join    
          
      Mike    
      
    
      Checked names:{
   { checkedNames }}    
      
    
              请选择        A        B        C        
      Selected:{
   { selected }}    
          
          
          
          
          
      
     

2.双向数据绑定实现

    
         
     
    
          
      
{
   { msg }}
     

3.局部组件

    
         
     
          {
    { msg }}
     

4.局部组件的使用更改

5.父往子传值（通过标签传值或平行组件）

1.在子组件中,使用props声明接收父组件传过来的数据,可以直接在子组件中任意使用

2.加：动态传，不加：静态传

3.父组件 要定义自定义的属性

6.子往父传值

1.子组件中通过$emit("自定义事件名"，传的值)触发父组件中自定义的事件,比如this.$emit("handler",1)

2.父组件中声明自定义的事件介绍（在子标签名中@事件名）,例如：<Son @handler='父自定义事件名'/>

7.平行组件传值

使用$on()和$emit()绑定的是同一个实例化对象

A===>B传值

1.B组件中要使用$on("事件的名字",function(){})

2.A组件中使用$emit("事件的名字",值)

 总结：

1.父往子传值：在父组件中的template中的子组件名的标签中写入要传的值，子组件通过props接收父组件传过来的值

2.子往父传值：在子组件中this.$emit("事件名"，值)，在父组件中任意标签中(例如<button @事件名="父组件自定义的事件名">),然后在父组件中的methos中写父组件自定义的事件名的方法

3.平行组件传值：先在main.js中定义全局对象(let  bus = new Vue())，

　　父（子）往 子（父）传值：

　　传值的一方：this.$bus.$emit("事件名"，name)

　　接收值的一方：this.$bus.$on("事件名"，name=>{this.name=name})