美文网首页
vue事件、指令、钩子

vue事件、指令、钩子

作者: 梦的枷锁 | 来源:发表于2018-05-18 22:02 被阅读0次

vue的事件修饰符:
.stop:阻止冒泡
.prevent:阻止默认行为
.capture
.self
.once:只触发一次
.passive:.passive 修饰符尤其能够提升移动端的性能。

CommonJS:属于服务端规范,产生物是node.js
AMD,CMD:浏览器规范,属于异步规范

AMD:Async Module Document,产出物:require.js
CMD:comon mudle Document,产生物:sea.js
自定义指令:

1.解决问题:主要解决操作dom问题
2.使用方法

全局:
// 注册一个全局自定义指令 v-focus
Vue.directive('focus', {
// 当被绑定的元素插入到 DOM 中时……
inserted: function (el) {
// 聚焦元素
el.focus()
}
})
局部:

    directives: {
      focus: {
        // 指令的定义
        inserted: function (el) {
          el.focus()
        }
      }
    }

vue钩子:

1.生命周期钩子:

创建:beforeCreate,created(创建后,通常用于获取后台数据)
挂载:beforeMount,mounted(dom加载后,通常用于对页面dom操作时)
更新:beforeUpate,updated
销毁:beforeDestroy,destroyed
2.路由钩子(三类)
3.自定义指令钩子(5种)

keep-alive

pomise:是为了解决异步回调的方案

即用同步的思想来实现异步
异步解决方案:回调函数,promise,async/await

异步场景:定时器,事件处理函数,ajax

相关文章

  • vue事件、指令、钩子

    vue事件、指令、钩子 vue的事件修饰符:.stop:阻止冒泡.prevent:阻止默认行为.capture:捕...

  • vue事件、指令、钩子

    vue的事件修饰符:.stop:阻止冒泡.prevent:阻止默认行为.capture.self.once:只触发...

  • vue事件、指令、钩子

    vue的事件修饰符:.stop:阻止冒泡.prevent:阻止默认行为.capture.self.once:只触发...

  • vue自定义全局指令

    Vue.directive('指令名',{ 钩子函数1(){}, 钩子函数2(){} }) -----------...

  • Vue指令钩子函数

    Vue指令上篇文章有讲过了,现在分析Vue指令钩子函数。 自定义指令 全局定义:Vue.directive( ' ...

  • 事件钩子与指令标记

    事件钩子 对于事件钩子,我不成熟的理解是在Vue中封装的事件响应机制。 在Vue中,有11个事件钩子,分别对应着V...

  • 39.Vue自定义指令--全局

    Vue指令详解 一个指令定义对象可以提供如下几个钩子函数 (均为可选): 钩子函数的参数 (即 el、bindin...

  • Vue自定义指令

    Vue 自定义指令 全局定义 局部定义 Vue 指令生命周期钩子 bind:只调用一次,指令第一次绑定到元素时调用...

  • vue自定义指令,包装函数节流。

    自定义指令的钩子函数 Vue 提供了自定义指令的5个钩子函数: bind:指令第一次绑定到元素时调用,只执行一次。...

  • 自学Java第137天

    学了vue的生命周期钩子,以及指令这个钩子,如何理解它呢?初步就可以将其理解成回调函数 我目前对于vue的各种学习...

网友评论

      本文标题:vue事件、指令、钩子

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