vue中router下的index.js
2019-05-22 本文已影响12人
鸡毛菜菜子
首先,我需要导入包和需要使用的组件
![](https://img.haomeiwen.com/i17296871/47ad2977cfd1707e.jpg)
每一个路由规则都是一个对象。path,表示监听哪一个路由链接地址。componrnt,表示路由是前面匹配到的path,则显示component对应的那个组件。name, 给这个页面路径定义一个名字,当在页面进行跳转的时候也可以使用名字跳转。具有唯一性。
然后,我并不想用import了,然后……
![](https://img.haomeiwen.com/i17296871/a01a86c5cfe0f016.png)
如果用import引入的话,当项目打包时路由里的所有component都会打包在一个js中,造成进入首页时,需要加载的内容过多,时间相对比较长。vue-router配置路由,使用vue的异步组件技术,可以实现按需加载。
可是使用<router-link to='路径'></router-link>实现跳转,就这样。