版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_36251118/article/details/88054603
路由跳转传参:
1、this.$router.push({name:'路由命名',params:{参数名:参数值,参数名:参数值}})
2、this.$router.push({path:'路由命名', query:{ 参数名:参数值 } })
路由跳转接收
1、this.$route.params.参数名
2、this.$route.query.参数名
基本步骤:
1、父组件中导入注册组件,并将组件定义到父组件中,父组件可以使用子组件标签
2、父组件中数据在export data中定义 title
3、父组件中,标签内绑定数据:title
组件传参:
1、子传父
子组件 this.$emit("titleChanged","子向父组件传值");
父组件 @titleChange="changeTitle",调用父组件中changeTitle方法
2、父传子
props:{title:{type:String}}
3、非父子组件
1、var nv = new Vue(); 组件A nv.$emit("名","值"),组件B nv.$on("名")
2、vuex
获取注册过ref组件或元素
this.$refs.title