网站开发 博客,长沙百度网站制作,网站优化提升排名,kalium wordpress1、父组件可以使用 props 把数据传给子组件。 2、子组件可以使用 $emit 触发父组件的自定义事件。 vm.$emit( event, arg ) //触发当前实例上的事件 vm.$on( event, fn );//监听event事件后运行 fn#xff1b; 例如#xff1a;子组件#xff1a; templatedi…1、父组件可以使用 props 把数据传给子组件。 2、子组件可以使用 $emit 触发父组件的自定义事件。 vm.$emit( event, arg ) //触发当前实例上的事件 vm.$on( event, fn );//监听event事件后运行 fn  例如子组件 templatediv classtrain-cityh3父组件传给子组件的toCity:{{sendData}}/h3 br/button clickselect(大连)点击此处将‘大连’发射给父组件/button/div /template scriptexport default {name:trainCity,props:[sendData], // 用来接收父组件传给子组件的数据methods:{select(val) {let data {cityname: val};this.$emit(showCityName,data);//select事件触发后自动触发showCityName事件}}} /script   父组件 templatedivdiv父组件的toCity{{toCity}}/divtrain-city showCityNameupdateCity :sendDatatoCity/train-city/div template scriptimport TrainCity from ./train-city;export default {name:index,components: {TrainCity},data () {return {toCity:北京}},methods:{updateCity(data){//触发子组件城市选择-选择城市的事件this.toCity data.cityname;//改变了父组件的值console.log(toCity:this.toCity)}}} /script   图一点击之前的数据 图二点击之后的数据