vue的开发技巧
2024-08-28 01:48:54
1.监听组件的生命周期
比如有父组件 Parent
和子组件 Child
,如果父组件监听到子组件挂载 mounted
就做一些逻辑处理,常规的写法可能如下:
// Parent.vue
<Child @mounted="doSomething"/> // Child.vue
mounted() {
this.$emit("mounted");
}
这里提供一种特别简单的方式,子组件不需要任何处理,只需要在父组件引用的时候通过 @hook
来监听即可,代码重写如下:
<Child @hook :mounted="doSomething"/>
当然这里不仅仅是可以监听 mounted
,其它的生命周期事件,例如: created
, updated
等都可以
最新文章
- JavaScript之职责链模式
- jQuery-1.9.1源码分析系列(十六)ajax——jsonp原理
- Mac php使用gd库出错 Call to undefined function imagettftext()
- web页面浮动回到顶部功能和浮动广告
- Web前端新人笔记之CSS结构和层叠
- volatile的使用原则
- hdoj 4883 TIANKENG’s restaurant【贪心区间覆盖】
- Leetcode 242 Valid Anagram pytyhon
- js,jQuery和DOM操作的总结(二)
- 安徽省2016“京胜杯”程序设计大赛_H_单身晚会
- 012_call和apply区别
- flutter开发vscode用模拟器调试
- 20155202《网络对抗》Exp8 Web基础
- 非root用户执行程序---sudo的使用
- log4j2配置文件
- 为什么推荐用ui-router替代ngRoute
- 对IT行业的一些思考
- 我的Android学习路线(二)
- Python学习笔记_二维数组的查找判断
- 网站大于10M的视频不能播放
热门文章
- Studio 3T for MongoDB连接51.212复制集
- $.ajax 使用详解
- C++ JSON解析库RapidJSON
- TGraphiControl响应WM_MOUSEMOVE的过程(以TPaintBox为例)good
- C++中的const完全解析
- 「翻译」Unity中的AssetBundle详解(二)
- [翻译]理解Unity的自动内存管理
- MySQL table
- 2014山东省“浪潮杯”第五届ACM省赛总结
- skynet源码阅读<;6>;--线程调度