{"id":163,"date":"2022-06-29T10:23:02","date_gmt":"2022-06-29T02:23:02","guid":{"rendered":"http:\/\/yanzhenhua.top\/?p=163"},"modified":"2022-06-29T10:23:02","modified_gmt":"2022-06-29T02:23:02","slug":"vue%e5%a4%9a%e7%ba%a7%e7%bb%84%e4%bb%b6%e4%b9%8b%e9%97%b4%e7%9a%84%e6%96%b9%e6%b3%95%e8%b0%83%e7%94%a8","status":"publish","type":"post","link":"http:\/\/yanzhenhua.top\/?p=163","title":{"rendered":"Vue\u591a\u7ea7\u7ec4\u4ef6\u4e4b\u95f4\u7684\u65b9\u6cd5\u8c03\u7528"},"content":{"rendered":"<p><strong>1.\u5047\u5982\u5728D\u4e2d\u60f3\u89e6\u53d1A\u4e2d\u7684handlePreview\u65b9\u6cd5\uff0c\u9996\u5148A\u7ec4\u4ef6\u5bf9\u8be5\u65b9\u6cd5\u8fdb\u884c\u76d1\u542c<\/strong><br \/>\n<strong><span class=\"md-plain\">2.\u5728B\u7ec4\u4ef6\u548cC\u7ec4\u4ef6\u4e2d\u8bbe\u7f6einheritAttrs\u4e3afalse,\u4e0d\u505a\u63a5\u6536\uff0c\u7136\u540e\u628a\u6570\u636e\u548c\u4e8b\u4ef6\u5f80\u5185\u90e8\u7ec4\u4ef6\u63a5\u7740\u4f20<\/span><\/strong><br \/>\n<strong><span class=\"md-plain\">3.\u5230\u4e86D\u7ec4\u4ef6\u4e2d\uff0c\u901a\u8fc7$emit\u89e6\u53d1A\u7ec4\u4ef6\u4e2d\u7684\u65b9\u6cd5\uff0c\u987a\u5229\u5b8c\u6210\u6211\u7684\u9700\u6c42\u3002<\/span><br \/>\n<\/strong><\/p>\n<p class=\"md-end-block md-p md-focus\"><span class=\"md-plain\">\u4ee5\u4e0b\u5185\u5bb9\u4e3a\u4ee3\u7801\u7247\u6bb5\uff08vue\u8bed\u6cd5\uff09\uff0c\u5927\u6982\u8868\u8ff0\u51fa\u5927\u6982\u610f\u601d\u3002<\/span><\/p>\n<p class=\"md-end-block md-p\"><strong><span class=\"md-plain\">A\u7ec4\u4ef6<\/span><\/strong><\/p>\n<pre class=\"md-fences md-end-block ty-contain-cm modeLoaded\" lang=\"html\"><span class=\"cm-tag cm-bracket\">&lt;<\/span><span class=\"cm-tag\">template<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span>\r\n \u00a0 \u00a0 <span class=\"cm-tag cm-bracket\">&lt;<\/span><span class=\"cm-tag\">div<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span> A\u7ec4\u4ef6\r\n \u00a0 \u00a0 <span class=\"cm-tag cm-bracket\">&lt;<\/span><span class=\"cm-tag\">BComponent<\/span> <span class=\"cm-attribute\">@handlePreview<\/span>=<span class=\"cm-string\">\"preview\"<\/span><span class=\"cm-tag cm-error\">&lt;\/BComponent&gt;<\/span>\r\n \u00a0 \u00a0 <span class=\"cm-tag cm-bracket\">&lt;\/<\/span><span class=\"cm-tag\">div<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span>\r\n<span class=\"cm-tag cm-bracket\">&lt;\/<\/span><span class=\"cm-tag\">template<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span><\/pre>\n<p class=\"md-end-block md-p\"><strong><span class=\"md-plain\">B\u7ec4\u4ef6<\/span><\/strong><\/p>\n<pre class=\"md-fences md-end-block ty-contain-cm modeLoaded\" lang=\"html\"><span class=\"cm-tag cm-bracket\">&lt;<\/span><span class=\"cm-tag\">template<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span>\r\n \u00a0 \u00a0<span class=\"cm-tag cm-bracket\">&lt;<\/span><span class=\"cm-tag\">div<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span> B\u7ec4\u4ef6\r\n \u00a0 \u00a0<span class=\"cm-tag cm-bracket\">&lt;<\/span><span class=\"cm-tag\">CComponent<\/span> <span class=\"cm-attribute\">v-on<\/span>=<span class=\"cm-string\">\"$listeners\"<\/span> <span class=\"cm-tag cm-bracket\">&gt;&lt;\/<\/span><span class=\"cm-tag\">CComponent<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span>\r\n \u00a0 \u00a0<span class=\"cm-tag cm-bracket\">&lt;\/<\/span><span class=\"cm-tag\">div<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span>\r\n<span class=\"cm-tag cm-bracket\">&lt;\/<\/span><span class=\"cm-tag\">template<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span>\r\n\r\n<span class=\"cm-tag cm-bracket\">&lt;<\/span><span class=\"cm-tag\">script<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span>\r\n<span class=\"cm-keyword\">export<\/span> <span class=\"cm-keyword\">default<\/span> {\r\n <span class=\"cm-property\">name<\/span>: <span class=\"cm-string\">'b-component'<\/span>, \r\n <span class=\"cm-property\">inheritAttrs<\/span>: <span class=\"cm-atom\">false<\/span>\r\n}\r\n<span class=\"cm-tag cm-bracket\">&lt;\/<\/span><span class=\"cm-tag\">script<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span><\/pre>\n<p class=\"md-end-block md-p\"><strong><span class=\"md-plain\">C\u7ec4\u4ef6<\/span><\/strong><\/p>\n<pre class=\"md-fences md-end-block ty-contain-cm modeLoaded\" lang=\"html\"><span class=\"cm-tag cm-bracket\">&lt;<\/span><span class=\"cm-tag\">template<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span>\r\n \u00a0 \u00a0<span class=\"cm-tag cm-bracket\">&lt;<\/span><span class=\"cm-tag\">div<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span> C\u7ec4\u4ef6\r\n \u00a0 \u00a0<span class=\"cm-tag cm-bracket\">&lt;<\/span><span class=\"cm-tag\">DComponent<\/span> <span class=\"cm-attribute\">v-on<\/span>=<span class=\"cm-string\">\"$listeners\"<\/span> <span class=\"cm-tag cm-bracket\">&gt;&lt;\/<\/span><span class=\"cm-tag cm-error\">CComponent<\/span><span class=\"cm-tag cm-bracket cm-error\">&gt;<\/span>\r\n \u00a0 \u00a0<span class=\"cm-tag cm-bracket\">&lt;\/<\/span><span class=\"cm-tag\">div<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span>\r\n<span class=\"cm-tag cm-bracket\">&lt;\/<\/span><span class=\"cm-tag\">template<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span>\r\n\r\n<span class=\"cm-tag cm-bracket\">&lt;<\/span><span class=\"cm-tag\">script<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span>\r\n<span class=\"cm-keyword\">export<\/span> <span class=\"cm-keyword\">default<\/span> {\r\n <span class=\"cm-property\">name<\/span>: <span class=\"cm-string\">'c-component'<\/span>, \r\n <span class=\"cm-property\">inheritAttrs<\/span>: <span class=\"cm-atom\">false<\/span>\r\n}\r\n<span class=\"cm-tag cm-bracket\">&lt;\/<\/span><span class=\"cm-tag\">script<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span><\/pre>\n<p class=\"md-end-block md-p\"><strong><span class=\"md-plain\">D\u7ec4\u4ef6<\/span><\/strong><\/p>\n<pre class=\"md-fences md-end-block ty-contain-cm modeLoaded\" lang=\"html\"><span class=\"cm-tag cm-bracket\">&lt;<\/span><span class=\"cm-tag\">template<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span>\r\n \u00a0 \u00a0<span class=\"cm-tag cm-bracket\">&lt;<\/span><span class=\"cm-tag\">div<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span> D\u7ec4\u4ef6\r\n \u00a0 \u00a0<span class=\"cm-tag cm-bracket\">&lt;<\/span><span class=\"cm-tag\">button<\/span> <span class=\"cm-attribute\">@click<\/span>=<span class=\"cm-string\">\"handleClick\"<\/span><span class=\"cm-tag cm-bracket\">&gt;&lt;\/<\/span><span class=\"cm-tag\">button<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span>\r\n \u00a0 \u00a0<span class=\"cm-tag cm-bracket\">&lt;\/<\/span><span class=\"cm-tag\">div<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span>\r\n<span class=\"cm-tag cm-bracket\">&lt;\/<\/span><span class=\"cm-tag\">template<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span>\r\n\r\n<span class=\"cm-tag cm-bracket\">&lt;<\/span><span class=\"cm-tag\">script<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span>\r\n<span class=\"cm-keyword\">export<\/span> <span class=\"cm-keyword\">default<\/span> {\r\n <span class=\"cm-property\">name<\/span>: <span class=\"cm-string\">'c-component'<\/span>, \r\n <span class=\"cm-property\">methods<\/span>:{\r\n \u00a0 <span class=\"cm-property\">handleClick<\/span>(){\r\n \u00a0 <span class=\"cm-keyword\">this<\/span>.<span class=\"cm-property\">$emit<\/span>(<span class=\"cm-string\">'handlePreview'<\/span>)\r\n \u00a0 }\r\n }\r\n}\r\n<span class=\"cm-tag cm-bracket\">&lt;\/<\/span><span class=\"cm-tag\">script<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>1.\u5047\u5982\u5728D\u4e2d\u60f3\u89e6\u53d1A\u4e2d\u7684handlePreview\u65b9\u6cd5\uff0c\u9996\u5148A\u7ec4\u4ef6\u5bf9\u8be5\u65b9\u6cd5\u8fdb\u884c\u76d1\u542c 2.\u5728B\u7ec4\u4ef6\u548c&hellip; <a href=\"http:\/\/yanzhenhua.top\/?p=163\" class=\"more-link read-more\" rel=\"bookmark\">\u7ee7\u7eed\u9605\u8bfb <span class=\"screen-reader-text\">Vue\u591a\u7ea7\u7ec4\u4ef6\u4e4b\u95f4\u7684\u65b9\u6cd5\u8c03\u7528<\/span><i class=\"fa fa-arrow-right\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":{"0":"post-163","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"hentry","6":"category-vue","7":"h-entry","9":"h-as-article"},"_links":{"self":[{"href":"http:\/\/yanzhenhua.top\/index.php?rest_route=\/wp\/v2\/posts\/163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/yanzhenhua.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/yanzhenhua.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/yanzhenhua.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/yanzhenhua.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=163"}],"version-history":[{"count":1,"href":"http:\/\/yanzhenhua.top\/index.php?rest_route=\/wp\/v2\/posts\/163\/revisions"}],"predecessor-version":[{"id":164,"href":"http:\/\/yanzhenhua.top\/index.php?rest_route=\/wp\/v2\/posts\/163\/revisions\/164"}],"wp:attachment":[{"href":"http:\/\/yanzhenhua.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=163"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/yanzhenhua.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=163"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/yanzhenhua.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}