Fri Jun 9 09:40:00 UTC 2023 inscode

src/App.vue

@@ -14,10 +14,12 @@
           <h1>腾王阁序</h1>
         </template>
 
-        <template v-slot:content="scope">
+        <template v-slot:content="{user}">
           <p>豫章故郡，洪都新府</p>
           <p>星分翼轸，地接衡庐</p>
           <p>襟三江而带五湖，控蛮荆而引瓯越</p>
+          
+          <p>{{ user.name }}</p>
         </template>
 
         <template #author>

src/components/Article.vue

@@ -9,7 +9,7 @@
       <!-- 文章的内容 -->
       <div class="content-box">
      
-        <slot name="content" msg="hell vue.js"  ></slot>
+        <slot name="content" msg="hell vue.js" :user="user" ></slot>
       </div>
   
       <!-- 文章的作者 -->
@@ -26,7 +26,7 @@
     data(){
       return {
         user:{
-          name:zs,
+          name:'zs',
           age:18,
           
         }