vue事件、指令、钩子

vue事件、指令、钩子

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操作时)
更新：beforeUpdate,updated
销毁：beforeDestroy,destroyed
2.路由钩子（三类）
3.自定义指令钩子（5种）

keep-alive

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

即用同步的思想来实现异步
pending状态:正在进行中
resolved:成功调用
rejected：失败调用

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

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