1.在方法中實現

this.$router.push({path:"/hello"})//跳轉到hello頁面

2.replace方法是不向history中新增新紀錄

this.$router.replace({path:"router"})

3.go的使用

this.$router.go(-)1

4.命名試路由

<template>
  <div id="app">
  	<ul>
  		<router-link to="/HelloWorld" tag="li">跳轉到helloWorld</router-link>
  		<router-link :to="{name:'hello',params:{id:paramsId}}" tag="li">跳轉到hello</router-link>
  	</ul>
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App',
  data(){
  	return{
  		paramsId:"測試命名式路由"
  	}
  }
}
</script>
 

獲取路路由

 computed:{
  	getUrl(){
		return	this.$route.path
//      console.log(this.$route.path)
  	}
  }

路由高亮：在app.vue中

.router-link-active{
	color: red;
}

使用iconfont圖示字型

傳遞資訊的途徑：

  1）父傳子

  2）子傳父

  3）插槽

  4）掛載到全域性

  5）掛載到區域性

  6）vuex