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>