vue-router改写一下导入路由
2019-01-03 19:18
211 查看
版权声明:只能用于学习 https://blog.csdn.net/qq_33559093/article/details/85713628
const getImport = (file, path) => require(`@/${path || 'views'}/` + file + '.vue').default
{path: '/getAddressList', name: 'getAddressList', component: getImport('configCenter/formList')}, {path: '/getAddressDetail', name: 'getAddressDetail', component: getImport('configCenter/getAddress')}
这么写单纯的是为了不用每次都import那个路径,原理就看看require和import的区别就是了,记住看.default
相关文章推荐
- vue-router进行build无法正常显示路由页面
- vue-router 二级路由
- vue2笔记 ― vue-router路由懒加载的实现
- vue-router---路由编程式导航跳转及URL样式(登录界面参考)
- vue-router(二)后代路由
- VueJs路由跳转中vue-router的使用
- Vue.js路由组件vue-router的使用方法
- vue-router 根据权限跳转路由
- vue-router路由的配置及用法
- Vue的路由功能(1)简单路由与vue-router的基础使用(同步/异步组件)
- vue-router 路由基础简单介绍
- 【Vue】Vue-Router2 实现路由功能
- vue-router 路由基础的详解
- vue + vue-router路由视图命名+路由嵌套
- 深入Vue-Router路由嵌套理解
- 路由vue-router基础
- vue-router的编程式路由
- Vue.js结合vue-router和webpack编写单页路由项目
- vue-router路由讲解
- Vue.js路由vue-router使用方法详解