VUE教程-基础介绍

一，vue概念
vue是一套基于MVVM理念的框架，它的核心是VM，也就是我们通常所说的viewmodel。vue出现的目的很大程度上为了解决目前前端工程化中遇到的DOM和MODEL对整个开发逻辑的干扰，使开发者能集中精力在业务逻辑上。
vue中的两个最主要的关键词就是双向数据绑定和复杂数据状态的管理（也就是vuex），这两者使vue可以帮助开发者快速方便的完成项目的开发，提高了开发的效率，降低了开发成本。
二，常用的指令
vue中常用的指令主要包括下面这几方面：
1，模板语法
2，条件语句
3，循环语句
4，计算属性
5，样式绑定
6，事件处理器
7，表单
8，组件
9，自定义指令
10，路由
三，VUE 实现原理
vue内部实现的原理主要包括下面几个方面：
1，observer数据监听器
2，compile数据解析器
3，watcher订阅者
4，dep消息订阅器
四，vue实现过程
一个vue程序初始化的过程如下：
new Vue（）>遍历data中的属性>用object.defineProperty将属性转化为getter和setter>compile对元素节点的指令进行扫描和解析>初始化视图>订阅watcher>将watcher添加到消息订阅器dep中>初始化完毕
一个vue数据更新的过程如下：
数据变化>oberver 中的setter方法触发>setter调用Dep.notify（）>Dep开始遍历watcher>调用watcher中的update方法>watcher收到变化后对视图进行更新。
下篇将对vue中的指令进行详细的讲解并进行项目实战讲解，敬请关注