{"id":8154,"date":"2023-11-28T20:16:23","date_gmt":"2023-11-28T12:16:23","guid":{"rendered":"https:\/\/wx.kaifamiao.info\/?p=8154"},"modified":"2023-12-02T21:44:25","modified_gmt":"2023-12-02T13:44:25","slug":"vue-zhong-shen-me-shi-cha-cao-slot","status":"publish","type":"post","link":"http:\/\/wx.kaifamiao.info\/index.php\/2023\/11\/28\/vue-zhong-shen-me-shi-cha-cao-slot\/","title":{"rendered":"Vue \u4e2d\u4ec0\u4e48\u662f\u63d2\u69fd(slot)\uff1f"},"content":{"rendered":"

\u5728 Vue \u4e2d\uff0c\u63d2\u69fd\uff08Slot\uff09\u662f\u4e00\u79cd\u7528\u4e8e\u5728\u7236\u7ec4\u4ef6\u4e2d\u5206\u53d1\u5185\u5bb9\u5230\u5b50\u7ec4\u4ef6\u7684\u7075\u6d3b\u673a\u5236\u3002\u5b83\u5141\u8bb8\u7236\u7ec4\u4ef6\u5c06\u4efb\u610f\u5185\u5bb9\u201c\u63d2\u5165\u201d\u5230\u5b50\u7ec4\u4ef6\u7684\u7279\u5b9a\u4f4d\u7f6e\uff0c\u4ece\u800c\u5b9e\u73b0\u7ec4\u4ef6\u4e4b\u95f4\u7684\u7075\u6d3b\u7ec4\u5408\u548c\u590d\u7528\u3002<\/p>\n

<\/span><\/a>\u7c7b\u578b\uff1a<\/h3>\n
    \n
  1. \n

    \u5177\u540d\u63d2\u69fd\uff08Named Slots\uff09<\/strong>\uff1a\u5141\u8bb8\u7236\u7ec4\u4ef6\u5c06\u5185\u5bb9\u5206\u53d1\u5230\u5b50\u7ec4\u4ef6\u4e2d\u7684\u5177\u540d\u63d2\u69fd\uff0c\u4f7f\u5f97\u7236\u7ec4\u4ef6\u80fd\u591f\u63a7\u5236\u5185\u5bb9\u7684\u63d2\u5165\u4f4d\u7f6e\u3002<\/p>\n

    <!-- \u5b50\u7ec4\u4ef6\u4e2d\u5b9a\u4e49\u5177\u540d\u63d2\u69fd -->\n<template>\n  <div>\n    <slot name="header"><\/slot>\n    <slot><\/slot>\n  <\/div>\n<\/template>\n\n<!-- \u5728\u7236\u7ec4\u4ef6\u4e2d\u4f7f\u7528\u5177\u540d\u63d2\u69fd -->\n<template>\n  <BaseLayout>\n    <template v-slot:header>\n      <h1>Header Content<\/h1>\n    <\/template>\n    <p>Main Content<\/p>\n  <\/BaseLayout>\n<\/template>\n<\/code><\/pre>\n<\/li>\n
  2. \n
    \u4f5c\u7528\u57df\u63d2\u69fd\uff08Scoped Slots\uff09<\/strong>\uff1a\u5141\u8bb8\u5b50\u7ec4\u4ef6\u5411\u7236\u7ec4\u4ef6\u4f20\u9012\u6570\u636e\uff0c\u4f7f\u5f97\u7236\u7ec4\u4ef6\u80fd\u591f\u5728\u63d2\u69fd\u4e2d\u4f7f\u7528\u5b50\u7ec4\u4ef6\u7684\u6570\u636e\u3002<\/p>\n
    <!-- \u5b50\u7ec4\u4ef6\u4e2d\u5b9a\u4e49\u4f5c\u7528\u57df\u63d2\u69fd -->\n<template>\n  <ul>\n    <li v-for="item in items" :key="item.id">\n      <slot :item="item"><\/slot>\n    <\/li>\n  <\/ul>\n<\/template>\n\n<!-- \u5728\u7236\u7ec4\u4ef6\u4e2d\u4f7f\u7528\u4f5c\u7528\u57df\u63d2\u69fd -->\n<template>\n  <BaseList :items="list">\n    <template v-slot:default="slotProps">\n      <span>{{ slotProps.item.name }}<\/span>\n    <\/template>\n  <\/BaseList>\n<\/template>\n<\/code><\/pre>\n<\/li>\n<\/ol>\n
    \u63d2\u69fd\u53ef\u4ee5\u4f7f\u7ec4\u4ef6\u66f4\u5177\u7075\u6d3b\u6027\u548c\u53ef\u590d\u7528\u6027\uff0c\u5141\u8bb8\u7236\u7ec4\u4ef6\u5728\u4f7f\u7528\u5b50\u7ec4\u4ef6\u65f6\u52a8\u6001\u5730\u6ce8\u5165\u5185\u5bb9\u6216\u6570\u636e\uff0c\u4f7f\u5f97\u7ec4\u4ef6\u66f4\u6613\u4e8e\u5b9a\u5236\u548c\u6269\u5c55\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
    \u5728 Vue \u4e2d\uff0c\u63d2\u69fd\uff08Slot\uff09\u662f\u4e00\u79cd\u7528\u4e8e\u5728\u7236\u7ec4\u4ef6\u4e2d\u5206\u53d1\u5185\u5bb9\u5230\u5b50\u7ec4\u4ef6\u7684\u7075\u6d3b\u673a\u5236\u3002\u5b83\u5141\u8bb8\u7236\u7ec4\u4ef6\u5c06\u4efb\u610f\u5185\u5bb9\u201c\u63d2\u5165\u201d […]<\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[114],"tags":[],"class_list":["post-8154","post","type-post","status-publish","format-standard","hentry","category-vue"],"_links":{"self":[{"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/posts\/8154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/comments?post=8154"}],"version-history":[{"count":2,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/posts\/8154\/revisions"}],"predecessor-version":[{"id":14045,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/posts\/8154\/revisions\/14045"}],"wp:attachment":[{"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/media?parent=8154"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/categories?post=8154"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/tags?post=8154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}