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

最新推荐文章于 2024-07-21 21:06:06 发布

PlusZhang

最新推荐文章于 2024-07-21 21:06:06 发布

阅读量1.2w

点赞数

分类专栏：前端开发文章标签： VUE.js javascript 前端技术学习 Vue-router

本文链接：https://blog.csdn.net/PlusChang/article/details/78238026

版权

前端开发专栏收录该内容

9 篇文章 0 订阅

订阅专栏

如果你也是飞快的学完了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