vue

作者: 何海洋_847e | 来源:发表于2018-07-04 14:07 被阅读0次

    vue的事件修饰符:

    .stop:阻止冒泡

    .prevent:阻止默认行为

    .capture

    .self

    .once:只触发一次.

    passive:.passive修饰符尤其能够提升移动端的性能。

    CommonJS:属于服务端规范,产生物是node.js

    AMD,CMD:浏览器规范,属于异步规范

    AMD:AsyncModuleDocument,产出物:require.js

    CMD:comonmudleDocument,产生物: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

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

    即用同步的思想来实现异步

    pending状态:正在进行中

    resolved:成功调用

    rejected:失败调用

    异步解决方案:回调函数,promise,async/await

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

    相关文章

      网友评论

          本文标题:vue

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