vue 路由几个注意点

要点： 

 

 

这边看使用方式分为路由组件和一般组件

一般组件,要用引,配置，和写入组件标签

 

而路由组件是当你点击了路由标签修改了路由路径,而你配置的路由规则里面有对应路径下的组件把它放入你指定的router-view位置渲染出来

最大区别就是一般组件一定会通过组件标签进行渲染,而路由组件不会使用组件标签

 

 所以一般我们在开发的时候会把他们放在不同文件夹中

components里面放的是一般组件而pages里放的是路由组件 

然后就是当你切换路径的时候从一开的home再到about也就是那些被切走了的路径其实被销毁了 

验证：写入一个销毁前的生命周期钩子：beforeDestroy 来验证是否组件被销毁了

再写一个mounted来看组件是否挂载

验证成功,被切换的组件会被销毁,新切换的组件会被生成 

 

然后我们再输出一下路由配置完毕的组件的this 

发现多了两个 $route和 $router，

因为该组件进行了路由配置  

而其中的route就是路由规则,粉色框是它们给我加的,蓝色框就是我们写的内容

 每个组件的route 路由规则都不一样也就是每个配置过路由的组件它们身上的$route是不一样的

但是$router则是每个组件都是一样的

验证：

 

$route每个组件不一样,而$router每个组件一样