{"id":960,"date":"2022-03-10T14:37:09","date_gmt":"2022-03-10T06:37:09","guid":{"rendered":"http:\/\/blog.xrhoujie.com\/?p=960"},"modified":"2022-03-16T15:14:05","modified_gmt":"2022-03-16T07:14:05","slug":"vue%e6%8f%92%e6%a7%bd-slot%e5%ad%a6%e4%b9%a0%e7%ac%94%e8%ae%b0","status":"publish","type":"post","link":"http:\/\/blog.xrhoujie.com\/?p=960","title":{"rendered":"vue\u63d2\u69fd-slot(\u5b66\u4e60\u7b14\u8bb0)"},"content":{"rendered":"\n

\u5206\u4e3a\u9ed8\u8ba4\u63d2\u69fd\uff0c\u5177\u540d\u63d2\u69fd\uff0c\u4f5c\u7528\u57df\u63d2\u69fd\uff0c\u52a8\u6001\u63d2\u69fd\uff0c<\/p>\n\n\n\n


1.\u9ed8\u8ba4<\/strong>\uff1a\u5728\u5b50\u7ec4\u4ef6\u5185\u58f0\u660e<slot>\u5185\u5bb9xxx<\/slot>\uff0c<\/p>\n\n\n\n

\u968f\u540e\u5728\u7236\u7ec4\u4ef6<\/p>\n\n\n\n

<child>123123123 <\/p>\n\n\n\n

<h2>\u6211\u662f\u63d2\u69fd\u5360\u4f4d\u554a<\/h2><\/p>\n\n\n\n

<\/child><\/p>\n\n\n\n

\u5c4f\u5e55\u4e0a\u5c31\u4f1a\u663e\u793a “\u6211\u662f\u63d2\u69fd\u5360\u4f4d\u554a”<\/p>\n\n\n\n

\u6ce8\uff1a\u82e5\u5220\u9664<h2>\u6807\u7b7e\u5219\u5c4f\u5e55\u4e0d\u663e\u793a\u5185\u5bb9<\/p>\n\n\n\n


2.\u5177\u540d\u63d2\u69fd v-slot,#name\u589e\u52a0\u4e86\u7d22\u5f15name\u5173\u7cfb\u5728\u5b50\u7ec4\u4ef6\u5185\u58f0\u660e<\/p>\n\n\n\n

<slot name =’first’><\/slot>\uff0c<\/p>\n\n\n\n

\u968f\u540e\u5728\u7236\u7ec4\u4ef6<\/p>\n\n\n\n

<child>123123123 <\/p>\n\n\n\n

<template v-slot:first>\u6211\u662f\u63d2\u69fd\u5360\u4f4d\u554a<\/template><\/p>\n\n\n\n

<\/child><\/p>\n\n\n\n

\u5c4f\u5e55\u4e0a\u5c31\u4f1a\u663e\u793a “\u6211\u662f\u63d2\u69fd\u5360\u4f4d\u554a”<\/p>\n\n\n\n


3.\u4f5c\u7528\u57df\u63d2\u69fd \u5b50\u7ec4\u4ef6\u901a\u8fc7\u81ea\u5b9a\u4e49bind\u5c5e\u6027\u7ed1\u5b9adata\u5185\u7684\u53d8\u91cf\u5c5e\u6027\uff0c<\/p>\n\n\n\n

<slot name=’helloWorld’ v-bind:users=”user”><\/p>\n\n\n\n

<\/slot><\/p>\n\n\n\n

\u7236\u7ec4\u4ef6 <\/p>\n\n\n\n

<template v-slot:helloWorld=”slotProps”><\/p>\n\n\n\n

<h1>{{slotProps.users.name}}<\/h1><\/p>\n\n\n\n

<\/template><\/p>\n","protected":false},"excerpt":{"rendered":"

\u5206\u4e3a\u9ed8\u8ba4\u63d2\u69fd\uff0c\u5177\u540d\u63d2\u69fd\uff0c\u4f5c\u7528\u57df\u63d2\u69fd\uff0c\u52a8\u6001\u63d2\u69fd\uff0c 1.\u9ed8\u8ba4\uff1a\u5728\u5b50\u7ec4\u4ef6\u5185\u58f0\u660e<slot>\u5185\u5bb9xxx<\/ […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[41,1],"tags":[38],"_links":{"self":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/960"}],"collection":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=960"}],"version-history":[{"count":1,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/960\/revisions"}],"predecessor-version":[{"id":961,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/960\/revisions\/961"}],"wp:attachment":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=960"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=960"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=960"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}