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 学习## 1. 什么是 Vue.js* Vue 开发手机 APP 需要借助于 Weex* Vu...
    再见天才阅读 3,629评论 0 6
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 2,979评论 1 4
  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 2,246评论 0 6
  • Terms of Use Effective date: July 28, 2018 Welcome to JUN...
    lasibao阅读 521,309评论 0 2
  • 我幻想我是一个兵 诗/金思米 ...
    金思米阅读 345评论 2 3