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

vue事件、指令、钩子

作者: HeroXin | 来源:发表于2018-05-22 10: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事件、指令、钩子

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