Vue学习初步

v-cloak

解决插值表达式方法渲染闪烁问题,如果vue控制区域内的标签上面加了v-cloak,在网速不够无法请求到信息的时候不会显示所在标签,如果不加v-cloak在网速不够的情况页面可能会显示{{item}}
v-text和v-html会覆盖所在标签内的原有内容


键盘码

vue提供了一些方便事件的方法,例如@keyup.enter = ‘fun’,如果按下了enter键,在抬起的时候触发fun事件
但是有很多键vue并没有提供 .方法 ,可以用@keyup.13(code)来触发事件,也可以可以注册这样的键盘码来触发事件

vue.config.keyCodes.f2 = 113,然后就可以@keyup.f2来触发f2的抬起事件


自定义指令

vue.directive方法来定义全局指令

Vue.directive('focus',{
    bind:function (el) {//绑定到各个生命值钩子,el是指定绑定的dom元素

},
inserted: function (el) {

},
updated: function(el) {

}
})//绑定是要加v-前缀,v-focus

你可能感兴趣的:(Vue学习初步)