vue-router中怎么用props传值啊

Question

vue-router中怎么用props传值啊

Answer 1

问题2016年的过期，过期

Answer 2

这些人都在回答什么哦，人家说的是路由props传值，不是父子组件传值。 我都懵逼，还叫人家看文档，请问你们看过vue-router的文档没？

Answer 3

你说的是路由组件传参吧，写路由的时候有一个props选项的。具体你看官方文档https://router.vuejs.org/zh/g...

Answer 4

<router-view :x=x></router-view>',
var Bar = Vue.extend({
template: '

This is bar!

{{x}}',
props:['x'],
})
这里是关键

应该好看撒

Answer 5

用vue router的话你应该用params来传值

Answer 6

router:
{

path:"...",
props:(route)=>{
    propname:route.query.prop
}

}

Answer 7

呵呵 没有人看英文文档的。https://router.vuejs.org/en/e...

Answer 8

props传值？传父组件？传子组件？
子传父看下这个：http://vuejs.org.cn/guide/components.htm...父子组件通信
父传子（props）大概就是：
子Ab.vue定一个字段如：

props: {
    megs: String
}

父B.vue就给值：

data() {
    return {
        message: 'hei'
    }
}

然后父引入子组件并绑在子组件上：

<ab :megs = "message"></ab>

大概就是这样，看文档吧，可以解决很多问题