vue事件、指令、钩子
vue的事件修饰符:
.stop:阻止冒泡
.prevent:阻止默认行为
.capture
.self
.once:只触发一次
.passive:.passive 修饰符尤其能够提升移动端的性能。
CommonJS:属于服务端规范,产生物是node.js
AMD,CMD:浏览器规范,属于异步规范
【vue事件、指令、钩子】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
推荐阅读
- 一个人的碎碎念
- 野营记-第五章|野营记-第五章 讨伐梦魇兽
- Shell-Bash变量与运算符
- 清明,是追思、是传承、是感恩。
- 牛人进化+|牛人进化+ 按自己的意愿过一生
- vue-cli|vue-cli 3.x vue.config.js 配置
- 七老修复好敏感、角质层薄、红血丝
- 华为旁!大社区、地铁新盘,佳兆业城市广场五期!
- 2020-04-07vue中Axios的封装和API接口的管理
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。