青岛公司做网站的价格,洛阳西工区做网站哪家好,大型网站开发项目书籍,wordpress 会员管理插件1、父组件可以使用 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图一点击之前的数据 图二点击之后的数据
