- 使用v-cloak能够解决插值表达式闪烁的问题
- 默认v-text是没有闪烁问题的,v-text会覆盖元素中原本的内容,但是插值表达式只会替换自己的这个占位符,不会把整个元素的内容清空
- v-bind是Vue中提供的用于绑定属性的指令
- Vue中提供了v-on事件绑定机制
- v-on :mouseover=show 鼠标覆盖事件
- 注意在VM实例中,如果想要获取data上的数据,或者调用methods中的方法,必须通过this.数据属性名或者this.方法名来进行访问,this就表示我们new出来的vm实例对象
- 注意 vm实例会监听自己身上data中所有的数据的改变,只要数据一发生变化,就会自动把最新的数据,从data中同步到页面中去
- 使用.stop阻止冒泡
- 使用.prevent阻止默认事件
- 使用.capture实现捕获触发事件
- 使用.self实现只有点击当前元素时,才会触发事件处理函数
- 事件修饰符可以串联,使用.once只触发一次事件处理函数
- .self只会阻止自己身上冒泡行为的触发,并不会真正阻止其他冒泡行为
- V-bind只能实现数据的单向绑定,从M自动绑定到V,无法实现数据的双向绑定
- 使用v-model指令,可以实现表单元素和Model中数据的双向数据绑定。注意v-model只能运用在表单元素中,比如input(radio,text,address,email) select CheckBox textarea。
- v-for循环普通数组,对象数组,循环对象,迭代数字,
- 在VM中,如果要访问data上的数据,或者要访问methods中的方法,必须带this
- 插值表达式 v-cloak v-text v-html v-bind v-model v-for v-if v-show
- String.prototype.padStart(maxlength,fillString=’’)或String.prototype.padEnd(maxlength,fillString=’’)来填充字符串
20..kepup.enter触发键盘回车键
21.自定义全局按键修饰符Vue.config.keyCodes.f2 = 113