前言
本文章用来记录个人vue学习心得, 才疏学浅, 有不恰当之处望多多包涵
总结
指令
- vue的数据分为两种格式 直接作用于数据的格式（指令=数据)， 如v-if="test"。作用于属性的指令(指令:属性=数据)，如v-bind:href="test"。
- 使用v-on:事件类型:处理函数来绑定事件, 事件内部this被代理为vue对象。
数据控制
- 直接在插值表达式内使用表达式控制, 如: {{ test + 1 }}, 适用于基本运算符能解决的数据处理。
- 使用过滤器和管道处理数据, {{ test | handleData }}, 适用于较为复杂的数据处理。
心得
使用mvvm架构模式将视图与数据解耦
使用vue实例为vm对象,数据声明在实例的data对象中, 使用{{}}语法将数据插入视图，并进行双向绑定
好处:
- 数据和视图解耦提高程序维护性(软件架构中分层思想)
- 双向绑定免除手工更新视图或数据流程, 提高开发效率。
