美文网首页
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学习初步

    v-cloak 解决插值表达式方法渲染闪烁问题,如果vue控制区域内的标签上面加了v-cloak,在网速不够无法请...

  • vue之Helloworld

    一,vue核心框架为vue.js, 初步学习可不使用vue.cli, 可在本地引入vue.js或vue.min.j...

  • vue 初步学习感悟

    ?xml version="1.0" encoding="UTF-8"? 首先,阐明一下我是一名iOS开人员,学习...

  • vue 初步学习记录

    题前话:之前接手了我们公司的半成品Vue项目,由于自己不是做网页前端的,自己初步看了下Vue相关东西,今天才算是把...

  • Vue 初步学习积累

    1. v-for 遍历 2. v-if 判断 登陆判断 常与v-else搭配(明白v-if和v-show的区别) ...

  • Vue.js初步学习

    1 Vue官网 https://cn.vuejs.org/ 2 Mvvm模式 Model-View-View-Mo...

  • Vue.js初步学习(二)--初步使用

    1026--使用需知1、引进方式:(1) 可以直接通过script标签引进: (2)也可以下载js文件到本地,其中...

  • 第十六节:Vue生命周期与钩子函数

    前沿:通过前面几节的学习,我们已经对vue有了初步的了解,vue可以帮我们干什么,而接下来就介绍vue的生命周期和...

  • vue-cli构建vue项目

    vue-cli是快速构建vue单页应用的脚手架。在学习了官网的教程,对vue有个初步了解之后,可以开始使用脚手架搭...

  • vue2.0 项目搭建

    vue 初步环境搭建 1. cnpm install vue 安装 vue2.0 2. cnpm install...

网友评论

      本文标题:Vue学习初步

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