update:Vue的系统指令

This commit is contained in:
qianguyihao
2018-05-07 00:11:35 +08:00
parent 22c8dcd80f
commit dd8e71564a
4 changed files with 450 additions and 258 deletions

View File

@@ -11,6 +11,58 @@
- View Model负责业务逻辑处理比如Ajax请求等对数据进行加工后交给视图展示
## 关于框架
### 为什么要学习流行框架
**1、企业为了提高开发效率**:在企业中,时间就是效率,效率就是金钱;企业中,使用框架,能够提高开发的效率。
**提高开发效率的发展历程**
原生JS -> Jquery之类的类库 -> 前端模板引擎 -> Angular.js / Vue.js能够帮助我们减少不必要的DOM操作提高渲染效率双向数据绑定的概念【通过框架提供的指令我们前端程序员只需要关心数据的业务逻辑不再关心DOM是如何渲染的了】
2、在Vue中一个核心的概念就是让用户不再操作DOM元素解放了用户的双手让程序员可以更多的时间去关注业务逻辑。
**3、增强自己就业时候的竞争力**
- 人无我有,人有我优。
- 你平时不忙的时候,都在干嘛?
### 框架和库的区别
**框架**
框架是一套完整的解决方案。
对项目的**侵入性**较大,项目如果需要更换框架,则需要重新架构整个项目。但是优点也很明显:功能完善、提供了一整套的解决方案。
**库(插件)**
只是提供某一个小功能。
对项目的侵入性较小,如果某个库无法完成某些需求,可以很容易切换到其它库实现需求。
举例:
- 从Jquery 切换到 Zepto
- 从 EJS 切换到 art-template
## 前端的各种框架
### Vue、React、AngularJS
@@ -24,6 +76,12 @@ AngularJS 提供更多的是一套解决方案,更像是一个生态。
![](http://img.smyhvae.com/20180302_1623.png)
Vue.js 是目前最火的一个前端框架React是最流行的一个前端框架。
Vue.js 是一套构建用户界面的框架,**只关注视图层**。
### Vue 和 React 的相同点
![](http://img.smyhvae.com/20180302_1636.png)
@@ -77,9 +135,9 @@ Vue框架中没有控制器。
- Vue2.x 在线文档:<https://cn.vuejs.org/v2/guide/>
- Vue1下载地址http://v1-cn.vuejs.org/js/vue.js
- Vue1下载地址<http://v1-cn.vuejs.org/js/vue.js>
- Vue2下载地址https://unpkg.com/vue@2.2.1/dist/vue.js
- Vue2下载地址<https://cdn.jsdelivr.net/npm/vue/>