路由寫法

========

template部分

<div>
     <!-- vue-router 內(nèi)置組件 第一種 不方便
        <router-link to="/login">登陸去</router-link>
        <router-link to="/register">注冊去</router-link>
      -->
    <!-- vue-router 內(nèi)置組件 第二種 -->
    <!-- query 傳參不需要更改 router部分 params傳參需要更改 router部分 -->
    <router-link :to="{ name: 'login' ,  query: { id: 1} }">登陸去</router-link>
    <router-link :to="{ name: 'register' , params: {name: abc}}">注冊去</router-link>
    <!-- 路由顯示的位置 --->
    <router-view></router-view>
</div>

js 部分

// 登陸頁面
created () {
  // 查看傳遞的參數(shù) 
  console.log(this.$route.query);
}
// 注冊頁面
created () {
  // 查看傳遞的參數(shù) 
  console.log(this.$router.params);
}

router部分

var router = new VueRouter({
  routes: [
    {
      name: 'login', // 路由跳轉(zhuǎn)可以根據(jù)名字跳轉(zhuǎn)
      path: '/login', // 不需要修改
      component: Login
    },
    {
      name: 'register', // 路由跳轉(zhuǎn)可以根據(jù)名字跳轉(zhuǎn)
      path: '/register:name', // params 需要在后方接收
      component: Register
    }
  ]
});