父传子
父通过属性方式传递,子通过props属性接收
<Step :num="5"></Step>
props:{type:Number,default:1}
子传父
子通过发送事件
this.$emit('numchange',this.count)
父通过监听事件,$event为事件传递的参数
<Step @numchange="$event"></Step>
全局传递(非父子关系)
空vue事件方法传递$on $emit
bus.js 事件总线
import Vue from 'vue';
export default new Vue();
Btn.vue
import Bus from 'xxx/bus.js'
Bus.$emit('colorchange','red')
Color.vue
import Bus from 'xxx/bus.js'
created(){
Bus.$on("colorchange",$event=>{//})
}
cookie localStorege sessionStoragevuex
路由页面参数
params 参数query 查询
转载请注明原文地址:https://ipadbbs.8miu.com/read-6574.html