vue中$emit的用法,父子组件传值及页面跳转之间传值
====== 一、父子组件传值========
1、父组件可以使用 props 把数据传给子组件。
2、子组件可以使用 $emit,让父组件监听到自定义事件 。
vm.$emit( event, arg ) //触发当前实例上的事件
vm.$on( event, fn );//监听event事件后运行 fn;
例如:子组件:
class="train-city">父组件传给子组件的toCity:{{sendData}}
父组件:
父组件的toCity{{toCity}}"updateCity" :sendData="toCity">
图一:点击之前的数据
图二:点击之后的数据
====== 二、页面跳转传值========
页面跳转传值:
pages/pre/pre.vue
返回的数据为: id: {{testdata.id}} name: {{testdata.name}}
pages/next/next.vue
另一种页面传值方法(h5和小程序有区别),非页面传参类型:
pages/pre/pre.vue
返回的数据为: id: {{testdata.id}} name: {{testdata.name}}
pages/next/next.vue
转 : https://blog.csdn.net/sllailcp/article/details/78595077
https://blog.csdn.net/qq2942713658/article/details/114581476