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

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


const foobar={
	props:['epoch','movie','source','German'],
	template :"<div>典型电影:{{movie}}<br /><br />\
			时期:{{epoch}}<br />\
			来源:{{source}}<br />\
			<br /><br /><br />\
			真的{{German}}是德语\
			</div>"
};

  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




猜你喜欢

转载自blog.csdn.net/PlusChang/article/details/78238026
今日推荐