美文网首页前端零碎
vue中router下的index.js

vue中router下的index.js

作者: 鸡毛菜菜子 | 来源:发表于2019-05-22 14:54 被阅读12次

首先,我需要导入包和需要使用的组件

每一个路由规则都是一个对象。path,表示监听哪一个路由链接地址。componrnt,表示路由是前面匹配到的path,则显示component对应的那个组件。name, 给这个页面路径定义一个名字,当在页面进行跳转的时候也可以使用名字跳转。具有唯一性。

然后,我并不想用import了,然后……

如果用import引入的话,当项目打包时路由里的所有component都会打包在一个js中,造成进入首页时,需要加载的内容过多,时间相对比较长。vue-router配置路由,使用vue的异步组件技术,可以实现按需加载。

可是使用<router-link to='路径'></router-link>实现跳转,就这样。

相关文章

网友评论

    本文标题:vue中router下的index.js

    本文链接:https://www.haomeiwen.com/subject/lphyzqtx.html