VueRouter-具体流程


费劲了九牛二虎之力,终于是写完了一个路由demo,但是感觉还是无法理解很多东西,在这里慢慢总结记录一下。

1,完成一些准备工作,搭建好路由index.js文件。

2,在App.vue内(用了element-ui,需要引入插件)(在我自己写的App.vue内部其实是不需要引入组件的,直接注释掉就好):

// App


在About.vue内:





在Home.vue内:





最后写一下自己的思路:

引入路由插件(注意版本问题)=》

新建router文件夹,下新建index.js文件=》

内部写整个应用的路由(照猫画虎即可,主要是路径key和组件value对应的上)=》

开始写组件(想好了写其实很简单)=》

router-link和router-view要稍微注意一下=》

中间包的就是写好的组件

vue