v-bind(指令) 简写: 作用:动态绑定
v-show 动态隐藏显示的指令
v-if 动态删除和创建
v-for循环遍历 v-for="(item,index)in list"
v-model 双向绑定表单
v-html 解析html指令
vue.set 动态添加属性被拦截
vm.list.push('123')往列表最后一项添加
vm.list.splice(2,1,'123')第2项,删除一个属性,替换成123
条件渲染:
v-if
v-else
v-else-if
template v-if 包装template ,不会真正创建在页面上
虚拟dom:js对象描述的dom节点
数组更新检测
1.使用一下方法操作数组,可以检测变动:push() pop() shift() unshift() splice() sort() reverse()
2.filter() concat()和slice() map()新数组替换旧数组
如果写的方法不加小括号,下面vue里的methods方法可以拿到事件源,事件对象 evt.target
事件修饰符:阻止冒泡:.stop .prevent阻止默认行为 .capture阻止捕获 .self事件源 .once触发一次
v-model的修饰符:.lazy(input光标失去后才显示) .number(只识别数字,且数字是number类型) .trim(去掉首尾空格)
computed:计算属性,用起来像一个状态,定义的像函数
watch监听事件
computed:注重结果 1.逻辑计算,防止