美文网首页
Vue学习初步

Vue学习初步

作者: QJe | 来源:发表于2018-09-19 21:48 被阅读0次

    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学习初步

          本文链接:https://www.haomeiwen.com/subject/stywnftx.html