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 struts 验证唯一标识(公用方法)
Mar 27 Javascript
将文本输入框内容加入表中的js代码
Aug 18 Javascript
用javascript对一个json数组深度赋值示例
Jul 27 Javascript
JavaScript设计模式之建造者模式介绍
Dec 28 Javascript
JavaScript中继承用法实例分析
May 16 Javascript
javascript实现C语言经典程序题
Nov 29 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单
Nov 25 Javascript
webpack学习--webpack经典7分钟入门教程
Jun 28 Javascript
JS设计模式之策略模式概念与用法分析
Feb 05 Javascript
p5.js入门教程之键盘交互
Mar 19 Javascript
微信小程序录音实现功能并上传(使用node解析接收)
Feb 26 Javascript
mapboxgl实现带箭头轨迹线的代码
Jan 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
多重?l件?合查?(一)
2006/10/09 PHP
PHP图像处理类库及演示分享
2015/05/17 PHP
JavaScript 新手24条实用建议[TUTS+]
2009/06/21 Javascript
原生JavaScript实现合并多个数组示例
2014/09/21 Javascript
浅析javascript中函数声明和函数表达式的区别
2015/02/15 Javascript
javascript实现点击提交按钮后显示loading的方法
2015/07/03 Javascript
JS截取字符串实例详解
2015/11/24 Javascript
js+canvas简单绘制圆圈的方法
2016/01/28 Javascript
JavaScript lodash常见用法系列小结
2016/08/24 Javascript
JavaScript实现Fly Bird小游戏
2016/12/15 Javascript
微信小程序getPhoneNumber获取用户手机号
2017/09/29 Javascript
vue select组件的使用与禁用实现代码
2018/04/10 Javascript
vue项目实现github在线预览功能
2018/06/20 Javascript
基于VUE实现的九宫格抽奖功能
2018/09/30 Javascript
js实现旋转的星空效果
2019/11/01 Javascript
vue输入框使用模糊搜索功能的实现代码
2020/05/26 Javascript
JSON stringify方法原理及实例解析
2020/10/23 Javascript
[03:17]2016完美“圣”典风云人物:冷冷专访
2016/12/08 DOTA
python进阶教程之异常处理
2014/08/30 Python
Python中动态获取对象的属性和方法的教程
2015/04/09 Python
Python3匿名函数用法示例
2018/07/25 Python
tensorflow使用神经网络实现mnist分类
2018/09/08 Python
Python3实现汉语转换为汉语拼音
2019/07/08 Python
深入了解Python 方法之类方法 & 静态方法
2020/08/17 Python
Django如何继承AbstractUser扩展字段
2020/11/27 Python
英国领先的互联网葡萄酒礼品商:Vintage Wine & Port
2019/05/24 全球购物
Derek Rose官网:英国高档睡衣、家居服和内衣品牌
2020/01/18 全球购物
技术经理的自我评价范文
2013/12/03 职场文书
十佳好少年事迹材料
2014/08/21 职场文书
音乐教育专业自荐信
2014/09/18 职场文书
房产协议书范本2014
2014/09/30 职场文书
2015年社区计生工作总结
2015/04/21 职场文书
护理心得体会范文
2016/01/22 职场文书
《山中访友》教学反思
2016/02/24 职场文书
德劲DE1102数字调谐收音机机评
2022/04/07 无线电
vue使用element-ui按需引入
2022/05/20 Vue.js