vue 动态路由 Get传值

main.js

 //2.配置路由   注意：名字
 
 const routes = [
   { path: '/home', component: Home },
   { path: '/news', component: News },
 
   { path: '/content/:aid', component: Content },   /*动态路由*/
 
   { path: '/pcontent', component: Pcontent },
 
   { path: '*', redirect: '/home' }   /*默认跳转路由*/
 ]

通过get传值获取路由参数

 <template>
 
     <div id="content">
       商品详情
     </div>
 </template>
 
 <script>
 
     export default{
 
         data(){
 
             return{
 
                 msg:'数据'
             }
         },
         mounted(){
 
               //获取get传值
 
               console.log(this.$route.query);
         }
 
     }
 </script>

动态路由获取参数

 <template>
 
     <div id="content">
        我是详情页面
     </div>
 </template>
 
 <script>
 
     export default{
 
         data(){
 
             return{
 
                 msg:'数据'
             }
         },
         mounted(){
 
                 console.log(this.$route.params);  /*获取动态路由传值*/
 
         }
 
     }
 </script>