1、渐进式js框架,响应式编程,使用并借鉴MVVM模式,基于虚拟dom更高的运行效率,双向数据绑定开发者不再操作dom对象,生态丰富,学习成本低;
2、script中的代码例如new Vue()要放在View比如<div>{{msg}}</div>之后;
3、vue对象相当于MVVM模式中的vm,那么vm对象自有属性用$标识,比如vm.$watch;
4、vue对象有元素选择器表示绑定某个View;
5、vue对象可以利用自有属性data添加额外的属性,也就是说额外添加的属性依附在data属性上,比如
vue.$data.price,也可以写成vue.price;
6、vue代码一般来说顺序执行的;
7、用双花括号声明变量,比如{{msg}};
8、1个{}表示对象,2个{{}}表示对结果取值;
9、在页面引入vue.js后会全局注册Vue函数,通过new Vue()的方式创建对象,其中2个关键参数el:绑定view元素,data:附加额外变量属性;
10、vue生命周期钩子;
11、vue模板指令
使用 双花括号声明变量;{{msg}}
使用 双花括号进行js表达式运算;简单运算{{count+1}},复杂函数运算{{message.split('').reverse().jonin('')}}
使用 v-html 显示原始html文本;<p v-html="rawHtml"/>
使用 v-once 约束变量只进行一次赋值;<div v-once>{{msg}}</div>
使用 v-show 根据条件展示元素的选项;<div v-show="ok">{{msg}}</div>
使用 v-bind:标签属性="xxx变量" 将标签属性与变量绑定;<div v-bind:id="xxx">{{msg}}</div>
使用 v-if 条件表达;<p v-if="seen">你看见我了</p>
使用 v-else-if 条件表达;<p v-else-if="seen">你看见我了</p>
使用 v-else 条件表达;<p v-else>你看见我了</p>
使用 v-on:xxx修饰符="xxx函数对象" 触发事件调用某函数;<form v-on:submit.prevent="onSubmit">...</form>
12、标签class与style绑定支持js表达式运算;