vue-router步骤

1.   引入资源

<script src=“./vue-router.js”></script>

2.    定义导航

<router-link to=“/bj”>北京</router-link>

<router-link to=“/bj”>上海</router-link>

<router-link to=“/tj”>天津</router-link>

3.     定义容器

<router-view></router-view>

4.     实例化一个 vue-router实例,填入路由表

var router = new VueRouter({       // (路由表，根据路径匹配模块的)

       routes:[

          {

             path:”/bj”,

             component:{

                    template:`<div>北京</div>`

               }

        }

    ]

})

5. 挂载router到vue实例上

var vm  = new Vue({

             el:”#app”, 

            data:{},

             methods:{},

             router

})

动态路由

1.    定义路由传递的参数

var router = new VueRouter({

       routes:[

   ]

})