在使用vue编写单页应用时,通过点击不同的连接想要局部刷新出不同页面的内容,通过vue-router会非常方便。
然而在vue2和vue1中,路由的使用有着非常多不同的地方,当我们用npm搭建的是vue2版本的脚手架时,vue-router2.0以后的版本是不再兼容之前的写法的,这个我也踩了很多坑,各种百度和看文档,然后把原本Vue Router1版本的写法改了过来。这里来对比一下前后写法的不同:
在一切开始之前,首先要使用npm install vue-router --save 安装vue的路由依赖,接下来才算是正式开始:
1.标签部分:
vue1中是通过给<a>标签添加v-link