Vue-router 类似Vuex实现组件化开发的示例


Posted in Javascript onSeptember 15, 2017

本文介绍了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//扩展运算符
 ]
})

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
用Jquery实现多级下拉框无刷新的联动
Dec 22 Javascript
jquery中对于批量deferred的处理方法
Jan 22 Javascript
jquery实现上下左右滑动的方法
Feb 09 Javascript
Javascript编写2048小游戏
Jul 07 Javascript
JavaScript中rem布局在react中的应用
Dec 09 Javascript
JavaScript中函数声明与函数表达式的区别详解
Aug 18 Javascript
KnockoutJS 3.X API 第四章之事件event绑定
Oct 10 Javascript
AngularJs篇:使用AngularJs打造一个简易权限系统的实现代码
Dec 26 Javascript
jquery鼠标悬停导航下划线滑出效果
Sep 29 jQuery
JS实现的简单表单验证功能完整实例
Oct 14 Javascript
JS+HTML实现的圆形可点击区域示例【3种方法】
Aug 01 Javascript
微信小程序云函数添加数据到数据库的方法
Mar 04 Javascript
vue用addRoutes实现动态路由的示例
Sep 15 #Javascript
Vue渲染函数详解
Sep 15 #Javascript
JavaScript中如何判断一个值的类型
Sep 15 #Javascript
详解利用 Vue.js 实现前后端分离的RBAC角色权限管理
Sep 15 #Javascript
动态创建Angular组件实现popup弹窗功能
Sep 15 #Javascript
Vue2.0基于vue-cli+webpack Vuex的用法(实例讲解)
Sep 15 #Javascript
angular4模块中给标签添加背景图的实现方法
Sep 15 #Javascript
You might like
php中file_get_contents与curl性能比较分析
2014/11/08 PHP
调用WordPress函数统计文章访问量及PHP原生计数器的实现
2016/03/21 PHP
Yii实现文章列表置顶功能示例
2016/10/18 PHP
JavaScript类属性的访问方式详解
2014/02/11 Javascript
JavaScript中的6种运算符总结
2014/10/16 Javascript
深入理解JavaScript系列(49):Function模式(上篇)
2015/03/04 Javascript
基于RequireJS和JQuery的模块化编程——常见问题全面解析
2016/04/14 Javascript
JS模拟的Map类实现方法
2016/06/17 Javascript
jQuery源码分析之sizzle选择器详解
2017/02/13 Javascript
JavaScript mixin实现多继承的方法详解
2017/03/30 Javascript
解决JSON.stringify()自动将中文转译成unicode的问题
2018/01/05 Javascript
使用vue打包时vendor文件过大或者是app.js文件很大的问题
2018/06/29 Javascript
Easyui 去除jquery-easui tab页div自带滚动条的方法
2019/05/10 jQuery
javascript关于“时间”的一次探索
2019/07/24 Javascript
在Python中使用全局日志时需要注意的问题
2015/05/06 Python
Django中cookie的基本使用方法示例
2018/02/03 Python
tensorflow构建BP神经网络的方法
2018/03/12 Python
TensorFlow实现简单卷积神经网络
2018/05/24 Python
python实现自动登录
2018/09/17 Python
基于python生成器封装的协程类
2019/03/20 Python
Python 日期时间datetime 加一天,减一天,加减一小时一分钟,加减一年
2020/04/16 Python
区分python中的进程与线程
2020/08/13 Python
详解html5 canvas 微信海报分享(个人爬坑)
2018/01/12 HTML / CSS
Kathmandu美国网站:新西兰户外运动品牌
2019/03/23 全球购物
应用电子技术专业个人求职信
2013/09/21 职场文书
简单而又朴实的个人求职信分享
2013/12/12 职场文书
社区庆八一活动方案
2014/02/02 职场文书
大家检讨书5000字
2014/02/03 职场文书
委托公证书范本
2014/04/03 职场文书
2014教师个人自我评价范文
2014/09/13 职场文书
“四风”问题自我剖析材料思想汇报
2014/09/23 职场文书
2014年银行客户经理工作总结
2014/11/12 职场文书
2015年教师师德师风承诺书
2015/04/28 职场文书
中学校园广播稿
2015/08/18 职场文书
复制别人的成功真的会成功吗?
2019/10/17 职场文书
原生Javascript+HTML5一步步实现拖拽排序
2021/06/12 Javascript