vue进阶学习（ 二 )

1:两个页面之间传递参数

（1）获取？拼接来的参数
{ {$route.query.goodsId}}
（2）两个视图页面之间跳转问号传递参数

// 传递参数的页面
this.$router.push({
   
	path:'/note/NoteEdit',	// router/index.js 文件中配置的 path 值
	name:'',	//router/index.js 文件中配置的 name 值
	params: {
   
		noteContent:'跑步',
		noteTime:'2018年4月16日'
	}
})

// 接收参数的页面
this.$route.params.noteContent;		//'跑步'
this.$route.params.noteTime;		//'2018年4月16日'

（3）组件之间获取参数 { { KaTeX parse error: Expected 'EOF', got '}' at position 18: …ute.params.name}̲} （4）向前向后 …router.go(-2)

2：页面间跳转的三种方式

（1）router-link跳转
<router-link to="/cart">去购物车页面</router-link>
（2） js编程跳转 =》

 <button @click="jump">button - js编程跳转到购物车页面</button>    
  methods: {
    jump () {
      this.$router.push({path: 'cart?goodsId=123'})
    }
  }

（3）命名路由跳转（根据路由的name值）=》

//params 是路由的参数
<router-link v-bind:to="{name:'cart',params:{cartId:123}}">命名路由跳转去购物车页面</router-link>

//cart 的路由
{
      path: '/cart/:cartId',
      name: 'cart',
      component: Cart
    }

3：配置子组件

import Title from