模板语法

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节点

虚拟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.逻辑计算,防止

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。