Vue传参一箩筐(页面、组件)-创新互联

Vue页面、组件之间传参方式繁多，此处罗列出常用的几种方式，欢迎审阅补充。

成都创新互联在网站设计、网站制作、App定制开发、网站运营等方面均有出色的表现，凭借多年丰富的经验，我们会仔细了解各客户的需求而做出多方面的分析、设计、整合，为客户设计出具风格及创意性的商业解决方案，我们更提供一系列网络营销推广，网站制作和网站推广的服务，以推动各中小企业全面信息化，并利用创新技术帮助各行业提升企业形象和运营效率。一丶路由传参

这里的路由传参以编程式 router.push(...) 为例，声明式 与之类似。此处模拟情景为从 componentsA.vue 页面跳转到 componentsB.vue 页面传参。首先，路由配置信息如下：

router.js

import Vue from 'vue'
import Router from 'vue-router'

import componentsA from './components/componentsA' //在components下创建componentsA.vue
import componentsB from './components/componentsB' //在components下创建componentsB.vue
Vue.use(Router)

export default new Router({
	routes:[
		{
			path:'/componentsA',
			name:'componentsA',
			component:componentsA
		},
		{
			path:'/componentsB',
			name:'componentsB',
			component:componentsB
		}
	]
})

文章名称：Vue传参一箩筐(页面、组件)-创新互联
网页网址：http://cxhlcq.com/article/epijo.html