浅谈VUE

1.学习vue的目标
通过尽可能简单的API实现响应的数据绑定和数组的视图组件
2.核心
一个响应的数据绑定系统，它让数据与DOM保持同步
3.理解MVC架构和MVVM开发方式
实现基于MVVM实现交互式的Web界面
掌握用vue.js实现网站开发
4.组件系统：一种抽象，提供小组件来构建大型应用，然后形成一个组件树。
5.属性和方法
每个vue实例都会代理data对象里的所有属性
被代理的属性是响应的。
6.vue.js数据绑定
插入值：文本

Message:{{ msg }} 

原始的HTML

{{{ raw_html }}}

HTML特性

绑定表达式:Javascript表达式 每个绑定只能包含单个表达式
过滤器(Filter):

 {{ message|capitalize }}  过滤器只能在后面   

 过滤器可以串联{{ message|filterA|filterB }}

过滤器也可以接受参数

指令：特殊的带有前缀v-的特性
参数：有些指令可以在后面带一个参数，用冒号隔开

修饰符：以半角句号开始的特殊后缀，用于表示指令应当以特殊方式绑定

缩写:最常用的v-bind和v-on提供缩写

在input中使用v-model来实现数据双向绑定

    
{{ message }}
    

7.vue的计算属性：computed

基础例子：计算属性的getter
$watch用于观察vue实例上的数据变动,相比较于计算属性，后者更好用一些
计算属性默认的只有getter,需要时可以创建setter

8.vue.js与样式绑定

绑定HTML Class class{{className}}和v-bind:class两者不可混用，推荐使用后者

 //v-bind:class动态地切换class

    Hello World

绑定内联样式：对象语法

vbind指令被用来响应地更新HTML属性

数组语法

可以将多个样式 对象应用到一个元素上

自动添加前缀

9.vue条件渲染

v-if

   
YES
 

template v-if

                 //切换多个元素，可以把