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操作时)
                更新:beforeUpate,updated
                销毁:beforeDestroy,destroyed

2.路由钩子(三类)
3.自定义指令钩子(5种)
keep-alive
promise:是为了解决异步回调的方案

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

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

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • vue概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 12,120评论 0 25
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,496评论 0 29
  • 1.安装 可以简单地在页面引入Vue.js作为独立版本,Vue即被注册为全局变量,可以在页面使用了。 如果希望搭建...
    Awey阅读 13,814评论 4 129
  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 6,758评论 0 6
  • 你了解自己的孩子吗?你们的沟通能够同品吗?你真的知道孩子的感受和需求吗? 你和孩子的沟通同频吗? 我自己的沟通不是...
    文静大公主阅读 1,819评论 4 2

友情链接更多精彩内容