{"id":1581,"date":"2022-09-19T16:35:58","date_gmt":"2022-09-19T08:35:58","guid":{"rendered":"https:\/\/zhuxinyong.com\/?p=1581"},"modified":"2022-09-20T08:31:30","modified_gmt":"2022-09-20T00:31:30","slug":"vue-zhong-hook-de-shi-yong","status":"publish","type":"post","link":"https:\/\/zhuxinyong.com\/?p=1581","title":{"rendered":"Vue \u4e2d @hook \u7684\u4f7f\u7528"},"content":{"rendered":"

\"hook\"<\/p>\n

<\/span><\/a>\u540c\u4e00\u4e2a\u7ec4\u4ef6\u5185\u4f7f\u7528<\/h2>\n

<\/span><\/a>\u4e8b\u4ef6\u76d1\u542c\u548c\u79fb\u9664<\/h3>\n
mounted(){\n    window.addEventListener('online',this.handleOnline)\n    this.$once('hook:beforeDestroy',function() {\n      window.removeEventListener('online',this.handleOnline)\n    })\n}\n<\/code><\/pre>\n
<\/span><\/a>\u5b9a\u65f6\u5668\u6e05\u9664<\/h3>\n
mounted() {\n      const timer = setInterval(() => { ... }, 1000);\n      this.$once('hook:beforeDestroy', () => clearInterval(timer);)\n}\n<\/code><\/pre>\n
<\/span><\/a>\u7236\u5b50\u7ec4\u4ef6\uff08\u5b50\u7ec4\u4ef6\u53ef\u63a7\uff09<\/h2>\n
\/\/ \u7236\u7ec4\u4ef6\uff1a\n<Child @mounted="handleMounted"><\/Child>\n\n\/\/ \u5b50\u7ec4\u4ef6\uff1a\nmounted() {\n  this.$emit("mounted");\n}\n<\/code><\/pre>\n
\u6539\u8fdb\uff1a<\/p>\n
\/\/ \u7236\u7ec4\u4ef6\uff1a\n<Child @hook:mounted="handleMounted"><\/Child>\n\/\/ \u5b50\u7ec4\u4ef6\uff1a\nmounted() {\n  \/\/ \u4e0d\u9700\u8981\u5199\n}\n<\/code><\/pre>\n
<\/span><\/a>\u7236\u5b50\u7ec4\u4ef6\uff08\u5b50\u7ec4\u4ef6\u4e0d\u53ef\u63a7\uff09<\/h2>\n
\u82e5\u60f3\u76d1\u542c\u7b2c\u4e09\u65b9\u7ec4\u4ef6\uff0c\u6ca1\u6709\u529e\u6cd5\u6539\u5b83\u4eec\u7684\u6e90\u7801\uff0c\u53ea\u80fd\u901a\u8fc7 hook \u65b9\u5f0f\uff1a<\/p>\n
<ThirdComponent @hook:mounted="handleMounted"><\/ThirdComponent>\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
\u540c\u4e00\u4e2a\u7ec4\u4ef6\u5185\u4f7f\u7528 \u4e8b\u4ef6\u76d1\u542c\u548c\u79fb\u9664 mounted(){ window.addEventListene...<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,20,3],"tags":[227],"class_list":["post-1581","post","type-post","status-publish","format-standard","hentry","category-all","category-frontend","category-tech","tag-hook"],"_links":{"self":[{"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=\/wp\/v2\/posts\/1581","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1581"}],"version-history":[{"count":1,"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=\/wp\/v2\/posts\/1581\/revisions"}],"predecessor-version":[{"id":1582,"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=\/wp\/v2\/posts\/1581\/revisions\/1582"}],"wp:attachment":[{"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1581"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1581"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1581"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}