{"id":622,"title":"vue-\u63d2\u69fdslot","good":0,"bad":0,"hit":437,"created_at":"2024-01-05 02:14:10","content":"

\"image.png\"\/<\/p>

App.vue:<\/p>

<template><\/p>

  <div class="app"><\/p>

    p102-104:vue-\u63d2\u69fdslot<br\/><\/p>

    \u5b83\u4e3b\u8981\u89e3\u51b3\u7ec4\u4ef6\u590d\u7528\u65f6\uff0c\u7ec4\u4ef6\u4e2d\u53c8\u6709\u4e2a\u6027\u5316\u7684\u6570\u636e\u95ee\u9898<br\/><\/p>

    <hr\/><\/p>

    <SlotList :title="title">\u65e0\u540d\u79f0\u7684\u63d2\u69fd1111111111<\/SlotList><\/p>

    <SlotList><\/p>

      <span slot="receive"<\/span>>\u5177\u540d\u63d2\u69fd22222222222<\/span><\/p>

    <\/SlotList><\/p>

  <\/div><\/p>

<\/template><\/p>

<\/p>

SlotList.vue:<\/span><\/p>

<\/span><\/p>

<template><\/p>

  <div><\/p>

  <dl><\/p>

    <dt>{{title}}<\/dt><\/p>

      <dd>php<\/dd><\/p>

      <dd>java<\/dd><\/p>

      <dd>golang<\/dd><\/p>

      <dd><slot>no name<\/slot><\/span><\/dd><\/p>

    <dd><slot name="receive"><\/span>has name<\/slot><\/dd><\/p>

  <\/dl><\/p>

  <\/div><\/p>

<\/template><\/p>

<\/p>"}