Vue-router props 如何传递参数，传参请看这里

95 阅读 0 评论 63 点赞

我是靠谱客的博主怕孤单诺言，这篇文章主要介绍Vue-router props 如何传递参数，传参请看这里，现在分享给大家，希望可以做个参考。

如果你也是飞快的学完了Vue-router并立即投入使用的话，你可能遇到了这个问题：props传递参数，如何把想传的参数传给template，最后显示在router-view里头。废话不多说，上代码，只写有用部分：

复制代码

1
2
3
4
5
6
7
8
9
const foobar={
	props:['epoch','movie','source','German'],
	template :"<div>典型电影：{{movie}}<br /><br />
			时期:{{epoch}}<br />
			来源:{{source}}<br />
			<br /><br /><br />
			真的{{German}}是德语
			</div>"
};

复制代码

1
2
3
4
5
6
7
8
9
  const router = new VueRouter({
  	routes:[

  		{path:'/foobar是啥/：answer',
  		component:foobar,
  		props:{movie:'拯救大兵瑞恩',epoch:"二战时期",source:"盟军俚语",German:false}},

  	]
  })

最后一步要构建路由器别忘了。

什么？你不知道我在说什么？那还是回去再看看文档吧，先别用了，坑还会更多的……

就是那什么 const XX= new Vue{（）}……

这里有个小坑，会报错，请移步：http://blog.csdn.net/pluschang/article/details/78179086