优点: 组件化,数据双向绑定,响应式,不需要操作dom标签。
特点:单页面应用
$开头的属性都是Vue组件的属性
数据绑定跟属性绑定
数据绑定:{{ 表达式 }}
属性绑定:v-bind 可以缩写为:
条件&循环
v-if=“判断表达式”
v-for="表达式 "(obj in )
事件处理
事件修饰符:
class&style两个特殊属性
绑定为对象:
绑定为单个字段属性:
绑定为数组对象:
classs属性只会是true,false;
!! 前端技巧,用于强制转化为boolean值
计算属性跟监听器
计算属性放在computed节点下面,可以进行逻辑判断,进行计算
监听属性放在watch节点下面,监听某个变量改变时,进行相应计算
监听属性适用于当某个变量改变时,页面有大量数据需要改变。
组件&组件通信
组件注册:
父组件向子组件传值:
子组件向父组件传值:
vuex:实现组件之间的传值;集中维护组件的状态。
表单&表单验证
v-model:双向绑定,修饰符v-model.number
表单验证:引入vue-validate.min.js
小结
vue的优点在于组件化开发,数据双向绑定