解法？

個人前台推文頁

UserTweets.vue

• GitHub link
• (父層)views：User.vue
• (子層)components：UserTweets.vue

**問題1：**預完成

(a)留言(跳出彈跳窗)的功能

(b)按喜歡的功能

**(更改前)作法：**在子層做渲染，會有推文畫面產生，但無法做到點擊留言(跳出彈跳窗)、按喜歡的功能，改由父層做渲染 tweets 內容

(**更改後)問題：**在父層做渲染，之前渲染方式為“元件components” v-bind 內容 prop 到子層，但這邊畫面的顯示是用<router-view />在做切換

Ｑ：不確定 <router-view /> 可以用什麼方式傳遞內容到子層？

Ｑ：是否可直接用在子層渲染的方式就達到效果

// 我所知道的傳遞方式
<UserTweets 
	v-for="tweet in tweets"
  :key="tweet.id"
  :initial-tweets="tweets"
/>

// (更改前) 使用<router-view /> 控制子元件的切換 UserTweets.vue(推文)、UserReplyTweets.vue(回覆)、UserLikeTweets.vue(喜歡貼文)
<router-view />

// (更改後) 1. 使用<router-view /> 傳遞內容到子層，發現無法傳遞，且會造成所有子元件【UserTweets、UserReplyTweets、UserLikeTweets】都無法顯示
<router-view
  v-for="tweet in tweets"
  :key="tweet.id"
  :initial-tweets="tweets"
></router-view>

// (更改後) 2. 使用<router-link /> 無法傳遞內容到子層
<router-link
  v-for="tweet in tweets"
  :key="tweet.id"
  :initial-tweets="tweets"
></router-link>       

UserLikeTweets.vue