{"id":604,"date":"2024-01-02T11:50:03","date_gmt":"2024-01-02T03:50:03","guid":{"rendered":"http:\/\/ericw.top\/?p=604"},"modified":"2024-01-02T11:50:03","modified_gmt":"2024-01-02T03:50:03","slug":"%e7%bb%84%e4%bb%b6%e7%9a%84%e4%bd%bf%e7%94%a8%e6%ad%a5%e9%aa%a4","status":"publish","type":"post","link":"http:\/\/ericw.top\/?p=604","title":{"rendered":"\u7ec4\u4ef6\u7684\u4f7f\u7528\u6b65\u9aa4"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"toc-0\">\u7ec4\u4ef6\u7684\u4f7f\u7528\u6d41\u7a0b\uff1a<\/h2>\n\n\n\n<p>1\u3001<strong>\u521b\u5efa\u7ec4\u4ef6<\/strong>\uff08\u5728components\u4e2d\u521b\u5efa\u4f60\u9700\u8981\u7684\u7ec4\u4ef6\uff09<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"381\" height=\"121\" src=\"http:\/\/ericw.top\/wp-content\/uploads\/2024\/01\/image.png\" alt=\"\" class=\"wp-image-605\" style=\"width:501px;height:auto\" srcset=\"http:\/\/ericw.top\/wp-content\/uploads\/2024\/01\/image.png 381w, http:\/\/ericw.top\/wp-content\/uploads\/2024\/01\/image-300x95.png 300w\" sizes=\"(max-width: 381px) 100vw, 381px\" \/><\/figure>\n\n\n\n<p>2\u3001<strong>\u5bfc\u5165\u7ec4\u4ef6<\/strong>\uff08\u5c06\u7ec4\u4ef6\u5bfc\u5165\u5230\u6211\u4eec\u9700\u8981\u7528\u5230\u7ec4\u4ef6\u7684\u6587\u4ef6\uff09<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"741\" height=\"107\" src=\"http:\/\/ericw.top\/wp-content\/uploads\/2024\/01\/image-1.png\" alt=\"\" class=\"wp-image-606\" srcset=\"http:\/\/ericw.top\/wp-content\/uploads\/2024\/01\/image-1.png 741w, http:\/\/ericw.top\/wp-content\/uploads\/2024\/01\/image-1-300x43.png 300w\" sizes=\"(max-width: 741px) 100vw, 741px\" \/><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"prettyprint\" >import MyHead from &quot;.\/components\/MyHead.vue&quot;;\r\nimport MyFoot from &quot;.\/components\/MyFoot.vue&quot;;<\/code><\/pre>\n\n\n\n<p>3\u3001<strong>\u6ce8\u518c\u7ec4\u4ef6<\/strong>\uff08\u5728\u7ec4\u4ef6\u4f7f\u7528\u524d\uff0c\u9700\u8981\u5c06\u7ec4\u4ef6\u6ce8\u518c\u5230\u9700\u8981\u7684\u5730\u65b9\uff09<\/p>\n\n\n\n<ul>\n<li>\u5c40\u90e8\u7ec4\u4ef6\uff08\u53ea\u80fd\u5728\u6ce8\u518c\u7684\u7ec4\u4ef6\u5185\u4f7f\u7528\uff09<\/li>\n<\/ul>\n\n\n\n<p>\u5728\u6211\u4eec\u8981\u6ce8\u518c\u7684\u7ec4\u4ef6\u5185 \u627e\u5230<code class=\"prettyprint\" >components<\/code>\u5728\u91cc\u9762\u6ce8\u518c\u7ec4\u4ef6<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"397\" height=\"233\" src=\"http:\/\/ericw.top\/wp-content\/uploads\/2024\/01\/image-2.png\" alt=\"\" class=\"wp-image-607\" style=\"width:366px;height:auto\" srcset=\"http:\/\/ericw.top\/wp-content\/uploads\/2024\/01\/image-2.png 397w, http:\/\/ericw.top\/wp-content\/uploads\/2024\/01\/image-2-300x176.png 300w\" sizes=\"(max-width: 397px) 100vw, 397px\" \/><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"prettyprint\" >export default {\r\n  components: {\r\n    MyHead: MyHead,\r\n    MyFoot,\r\n  },\r\n};<\/code><\/pre>\n\n\n\n<ul>\n<li>\u5168\u5c40\u7ec4\u4ef6\uff08\u6240\u6709\u7ec4\u4ef6\u5185\u90fd\u80fd\u4f7f\u7528\uff09<\/li>\n<\/ul>\n\n\n\n<p>\u5728main.js\u6587\u4ef6\u4e2dimport \u6211\u4eec\u9700\u8981\u6ce8\u518c\u7684\u5168\u5c40\u7ec4\u4ef6<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"770\" height=\"113\" src=\"http:\/\/ericw.top\/wp-content\/uploads\/2024\/01\/image-3.png\" alt=\"\" class=\"wp-image-608\" srcset=\"http:\/\/ericw.top\/wp-content\/uploads\/2024\/01\/image-3.png 770w, http:\/\/ericw.top\/wp-content\/uploads\/2024\/01\/image-3-300x44.png 300w, http:\/\/ericw.top\/wp-content\/uploads\/2024\/01\/image-3-768x113.png 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"prettyprint\" >import HmButton from &#039;.\/components\/HmButton&#039;<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"794\" height=\"144\" src=\"http:\/\/ericw.top\/wp-content\/uploads\/2024\/01\/image-4.png\" alt=\"\" class=\"wp-image-609\" srcset=\"http:\/\/ericw.top\/wp-content\/uploads\/2024\/01\/image-4.png 794w, http:\/\/ericw.top\/wp-content\/uploads\/2024\/01\/image-4-300x54.png 300w, http:\/\/ericw.top\/wp-content\/uploads\/2024\/01\/image-4-768x139.png 768w\" sizes=\"(max-width: 794px) 100vw, 794px\" \/><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"prettyprint\" >Vue.component(&#039;HmButton&#039;, HmButton)<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p>4\u3001<strong>\u4f7f\u7528\u7ec4\u4ef6<\/strong>\uff08\u5728\u7ec4\u4ef6\u4e2d\u7684\u6807\u7b7e\u8bed\u6cd5\u4e2d\u76f4\u63a5\u4f7f\u7528\u4f60\u6ce8\u518c\u597d\u7684\u7ec4\u4ef6<code class=\"prettyprint\" >&lt;MyHead&gt; &lt;\/MyHead&gt;<\/code>\uff09<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"701\" height=\"267\" src=\"http:\/\/ericw.top\/wp-content\/uploads\/2024\/01\/image-6.png\" alt=\"\" class=\"wp-image-611\" srcset=\"http:\/\/ericw.top\/wp-content\/uploads\/2024\/01\/image-6.png 701w, http:\/\/ericw.top\/wp-content\/uploads\/2024\/01\/image-6-300x114.png 300w\" sizes=\"(max-width: 701px) 100vw, 701px\" \/><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"prettyprint\" >&lt;template&gt;\n  &lt;div class=&quot;App&quot;&gt;\n    &lt;MyHead&gt; &lt;\/MyHead&gt;\n    &lt;div class=&quot;two&quot;&gt;\u6211\u662f\u4e2d\u95f4\u76d2\u5b50&lt;\/div&gt;\n    &lt;MyFoot&gt;&lt;\/MyFoot&gt;\n  &lt;\/div&gt;\n&lt;\/template&gt;\n<\/code><\/pre>\n\n\n\n<p>\u4ee5\u4e0a\u5c31\u662f<strong>\u7ec4\u4ef6\u5316\u5f00\u53d1\u4e2d<\/strong> \u7ec4\u5efa\u7684\u4f7f\u7528\u6d41\u7a0b<\/p>\n\n\n\n<p><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-light-green-cyan-color\">\u521b\u5efa\u7ec4\u4ef6  \u2192  \u5bfc\u5165\u7ec4\u4ef6  \u2192  \u6ce8\u518c\u7ec4\u4ef6  \u2192  \u4f7f\u7528\u7ec4\u4ef6<\/mark><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u7ec4\u4ef6\u7684\u4f7f\u7528\u6d41\u7a0b\uff1a 1\u3001\u521b\u5efa\u7ec4\u4ef6\uff08\u5728components\u4e2d\u521b\u5efa\u4f60\u9700\u8981\u7684\u7ec4\u4ef6\uff09 2\u3001\u5bfc\u5165\u7ec4\u4ef6\uff08\u5c06\u7ec4\u4ef6\u5bfc\u5165\u5230\u6211\u4eec\u9700\u8981 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,5],"tags":[],"_links":{"self":[{"href":"http:\/\/ericw.top\/index.php?rest_route=\/wp\/v2\/posts\/604"}],"collection":[{"href":"http:\/\/ericw.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/ericw.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/ericw.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/ericw.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=604"}],"version-history":[{"count":1,"href":"http:\/\/ericw.top\/index.php?rest_route=\/wp\/v2\/posts\/604\/revisions"}],"predecessor-version":[{"id":612,"href":"http:\/\/ericw.top\/index.php?rest_route=\/wp\/v2\/posts\/604\/revisions\/612"}],"wp:attachment":[{"href":"http:\/\/ericw.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=604"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/ericw.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=604"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/ericw.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}