我有一個子組件通過事件向 VueJS 中的父組件發送數據。從父組件，我將數據（或嘗試路由數據...）路由到子組件的兄弟組件，并使用從子組件發送的數據創建新組件。我出于各種原因使用字典對數據進行分組，然后將字典推送到數組中。v-for 循環遍歷數組并使用在該數組中找到的數據填充前面提到的新組件。我可能不需要這樣做，但我就是這樣做的。我對替代品持開放態度?？傊?，效果不是很好。到目前為止，我只能獲得需要出現在我想要的位置的三個字符串之一。我會在發布代碼后解釋更多。已經嘗試過：十幾個不同版本的代碼，包括在列表中創建一個簡單的 v-for 來完成這項工作，以及帶有/不帶有字典或數組的各種版本。在我對這個問題的研究中，我瀏覽了 VueJS 文檔，用谷歌搜索了一些東西，但一無所獲。在 App.vue 中（我試圖刪除所有不相關的東西）：<template>    <div id="app">        <img alt="Vue logo" src="./assets/logo.png">        <TweetDeck v-on:messageFromTweetDeck="msgReceived($event)"/>        <!-- <ul>            <li v-for="(tweet, index) in tweets" :key="index">{{ tweet }}</li>        </ul>-->        <TwitterMsg v-for="(tweet, index) in tweets" :key="index"         :name="tweet.name" :handle="tweet.handle" tsp=3 :msg="tweet.tweet" />        <TwitterMsg name="aaa" handle='aaa'        tsp=50 msg="hey this is a message on twitter"/>        <input type="text" v-model="placeholderText"/>    </div></template><script>import TwitterMsg from './components/TwitterMsg.vue'import TweetDeck from './components/TweetDeck.vue'export default {    name: 'app',    components: {        TwitterMsg,        TweetDeck    },    data: function() {        return {            tweets: [],            message: "",            placeholderText: ""        }    },    methods: {        msgReceived(theTweet, name, handle) {            this.tweets.push({tweet: theTweet, name: name, handle: handle})        }    }}</script>