其實(shí)镜粤,子組件與父組件傳值、子路由與父路由傳值用的好玻褪,就可以大大的減少vuex的使用肉渴。
子組件給父組件傳至大家都清楚,子路由給父路由傳值带射,有個(gè)簡(jiǎn)單的方法同规,有很多人應(yīng)該都沒(méi)有發(fā)現(xiàn)。
父路由代碼主要代碼
<template>
<div class="outer_box">
<router-view @change="childChange"/>
</div>
</template>
<script>
export default{
data(){
return{
}
},
methods:{
childChange(res){
//拿到子路由的回調(diào)返回值
console.log(res)
}
}
}
</script>
子路由代碼主要代碼
<template>
<div class="child_box">
<button @click="clickBtn">點(diǎn)擊后父路由會(huì)觸發(fā)</button>
</div>
</template>
<script>
export default{
data(){
return{
}
},
methods:{
clickBtn(){
this.$emit('change','提交給父路由的參數(shù)')
}
}
}
</script>