bilibili学习之Vue

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

   20..kepup.enter触发键盘回车键

    21.自定义全局按键修饰符Vue.config.keyCodes.f2 = 113

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值