vue,vuex,vue-router放在一起能做什么？不用webpack之类的打包工具使用他们是否可行？各位道友在初学vue时是否有这样的困惑。因为现代构建前端项目的一般模式是：
安装webapck，某种是glup,grunt，或者是fis等构建工具
然后安装一个包管理器，npm，bower，或者说是新一代：yarn
再然后用 包管理器 安装各种各样的包，如：vue，bootstrap，vuex等。
其后用es6的import或者是node的require引入包
最后通过 构建工具 打包或发布项目
在这个过程中你是否发现开发者越来越依赖构建工具，你是否想过构建工具帮助我们解决了很多问题，但他也让你不能快速的感知和了解库或者框架的本质。这次就简单点，用vue,vuex,vue-router，但不用webpack做一个示例，主要目的皆在了解这些库的本质，或者说是是基础应用。
你能看到的知识点
vue-router的简单应用，包含：基础配置路由配置，子路由。
vuex的应用，包含：多组件共享同一份数据。
vue组件生命周期的理解。
代码结构图
form,comp,life通过路由导航到组件
comp中compA和compB是通过子路由导航到组件
inputComp + comboComp实现一个输入数据动态反映到其他组件的示例
lifeUpdate：主要测试组件生命周期中的beforeUpdate勾子
compB：展示了inputComp输入的数据，皆在展示vuex的能力
lifeList：测试组件完全生命周期，但不包含beforeUpdate和updatedg两个勾子
示例展示
延伸阅读
- ssh框架 2016-09-30
- 阿里移动安全 [无线安全]玩转无线电——不安全的蓝牙锁 2017-07-26
- 消息队列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 论文笔记【图片目标分割】 2017-07-26
- 词向量-LRWE模型-更好地识别反义词同义词 2017-07-26
- 从栈不平衡问题 理解 calling convention 2017-07-26
- php imagemagick 处理 图片剪切、压缩、合并、插入文本、背景色透明 2017-07-26
- Swift实现JSON转Model - HandyJSON使用讲解 2017-07-26
- 阿里移动安全 Android端恶意锁屏勒索应用分析 2017-07-26
- 集合结合数据结构来看看(二) 2017-07-26
学习是年轻人改变自己的最好方式