Vue-router 类似Vuex实现组件化开发的示例
2017-09-15 10:10
986 查看
本文介绍了Vue-router 类似Vuex实现组件化开发的示例,分享给大家,具体如下:
随着项目越来越大,把所有route写在一个文件里就显得杂乱。
#单个组件路由 import a from '../components/a' export default { path: '/a', name: 'a', component: a } import arouter from 'xxx' export default new Router({ routes: [ arouter ] }) #多个组件路由 import a from '../components/a' import b from '../components/b' export default [{ path: '/a', name: 'a', component: a }, { path: '/b', name: 'b', component: b }] #arouter.js export default new Router({ routes: [ ...arouter//扩展运算符 ] })
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- vue组件化开发初体验-示例vue-loader-example学习记录
- EasyDSS高性能流媒体服务器前端重构(五): webpack + vue-router 开发单页面前端实现按需加载
- Vue开发实现吸顶效果的示例代码
- 从零构建 vue2 + vue-router + vuex 开发环境到入门,实现基本的登录退出功能
- Vue-Router实现页面正在加载特效方法示例
- EasyDSS高性能流媒体服务器前端重构(五)- webpack + vue-router 开发单页面前端实现按需加载
- vue实现图片滚动的示例代码(类似走马灯效果)
- vue+swiper实现组件化开发
- EasyDSS高性能流媒体服务器前端重构(五)- webpack + vue-router 开发单页面前端实现按需加载 - 副本
- vue 实现类似淘宝星级评分的示例
- vue+swiper实现组件化开发的实例代码
- vue开发:vue实现百度搜索下拉提示功能
- Vue配合iView实现省市二级联动的示例代码
- 游戏开发设计模式之状态模式 & 有限状态机 & c#委托事件(unity3d 示例实现)
- 使用Vue-Router 2实现路由功能
- vue使用代理实现开发阶段跨域
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]
- 使用 vue-cli 开发多页面应用的最简示例
- vue-router 实现组件的缓存之 keep-alive
- java web开发之购物车功能实现示例代码