vue-router使用小结

使用vue-router必须注意两点：

一是vm实例$router（使用push发送跳转url）和跳转视图$route的区别，

二是如果配置动态组件跳转方式，只需要一个router-view即可，需要用transition和keep-alive包住。

发送跳转请求：

<router-link to="/somewhere"></router-link>

this.$router.push({path:"/somewhere")

this.$router.push({name:"user",params={“uid”：uid})（带params参数，记住这里只能用name不能用path）

获取路由中的参数：

this.$route.params.uid，根据具体属性值拼接。

动态传参：

watch: {

        '$route'(to, from) {

        this.content=this.$route.params.content  || "";

 }

},

路由配置：

Vue.use(Router);

export default new Router({

routes: [

{

      path:"/crawlStatus",

      component: CrawlStatus

},

 {

name:"articleInfo",

      path:"/articleInfo/:mode/:file",#动态传参

      component: TinyMce

},

 {

       name:"/localResource",

      component: localResource

}, ]})