main.js

 1 //2.配置路由   注意：名字
 2 
 3 const routes = [
 4   { path: '/home', component: Home },
 5   { path: '/news', component: News },
 6 
 7   { path: '/content/:aid', component: Content },   /*動態路由*/
 8 
 9   { path: '/pcontent', component: Pcontent },
10 
11 
12   { path: '*', redirect: '/home' }   /*預設跳轉路由*/
 
13 ]

通過get傳值獲取路由引數

 1 <template>
 2    
 3     <div id="content">    
 4       商品詳情
 5     </div>
 6 </template>
 7 
 8 
 9 <script>
10     
11 
12 
13     export default{
14 
15         data(){
16 
17             return{
18 
19                 msg:'資料'
20             }
 
21         },
22         mounted(){
23 
24               //獲取get傳值
25 
26 
27               console.log(this.$route.query);
28         }
29 
30     }
31 </script>

動態路由獲取引數

 1 <template>
 2    
 3     <div id="content">    
 4        我是詳情頁面
 5     </div>
 6 </template>
 7
 
 
 8 
 9 <script>
10     
11 
12 
13     export default{
14 
15         data(){
16 
17             return{
18 
19                 msg:'資料'
20             }
21         },
22         mounted(){
23 
24                 console.log(this.$route.params);  /*獲取動態路由傳值*/
25 
26         }
27 
28     }
29 </script>