实战

vue里需要全局使用的组件或js都是在main.js中引入
组件中引入外部css文件，一定要把style里的scope去掉

对于路由总定义的路径如果只是某一参数改变了，当点击的时候它不会跳转，解决办法，在当前组件中使用watch
比如：

routes: [
    {
      name: 'article',
      path: '/topic/:id',
      component: Article
    }
  ]

上面的路由当你比如你点击触发了，他就会跳到一个路径后面是/topic/:id的页面，假设是http://localhost:8080/topic/52ced，而如果你在当前页面下同样触发这个路由，他虽然链接会变但是不会发生页面改变，现在链接变成了http://localhost:8080/topic/53ced但还是上一个链接的内容，所以我们就需要在这个点击路由需要变化的组件里写一个watch

watch: {
        '$route'(to,from){
            // 对路由变化作出响应...
            this.getPost()//路由跳转的时候重新执行的代码
        }
    }

---

如果在某一个路由下需要使用多个组件，那么你就需要在路由里给component定义为一个对象，然后给它们不同的名字，之后通过<router-view name="你对应组件的名字">来使用它们
如：

routes: [
    {
      name: 'article',
      path: '/topic/:id',
      components: {
        main: Article,
        aside: SlideBar
      }
    }
  ]

<router-view name="main"></router-view>
<router-view name="aside"></router-view>