vue --子父组件传值

1、父组件可以使用 props 把数据传给子组件。
2、子组件可以使用 $emit 触发父组件的自定义事件。

 

vm.$emit( event, arg ) //触发当前实例上的事件

vm.$on( event, fn );//监听event事件后运行 fn； 

例如：子组件：

 

  </li> 
     <li class="alt">export default {  </li> 
     <li>  name:'trainCity',  </li> 
     <li class="alt">  methods:{  </li> 
     <li>    select(val) {  </li> 
     <li class="alt">      let data = {  </li> 
     <li>        cityname: val  </li> 
     <li class="alt">      };  </li> 
     <li>      this.$emit('showCityName',data);//select事件触发后，自动触发showCityName事件  </li> 
     <li class="alt">    }  </li> 
     <li>  }  </li> 
     <li class="alt">}  </li> 
     <li>

 

父组件：