vue

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 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,079评论 0 29
  • 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的: 实例生命周期钩子 每个 Vue 实例...
    Timmy小石匠阅读 1,393评论 0 11
  • 深入响应式 追踪变化: 把普通js对象传给Vue实例的data选项,Vue将使用Object.defineProp...
    冥冥2017阅读 4,896评论 6 16
  • vue概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 7,270评论 0 25
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 2,971评论 1 4