我有一個非?；镜?HTML 頁面，其中有一個簡單的 Vue 組件。在網絡選項卡中，我可以看到它正確獲取了數據，應該出現的列表已呈現，但數據根本不存在。    <div id="app">      <h2>Total inventory: {{ totalProducts }}</h2>      <ul>        <li>beginning of the list</li>        <li v-for="product in products">          {{ product.name }} {{ product.price }}        </li>        <li>End of the list</li>      </ul>    </div>    <script src="https://unpkg.com/vue"></script>    <script>      const app = new Vue({        el: '#app',        data: {          products: []        },        created () {          fetch('http://localhost:3000/api/teddies')            .then(response => response.json())            .then(json => {              this.products = json.products            })        },        computed () {          return this.products.reduce((sum, product) => {            return sum + product.quantity          }, 0)        }      })    </script>我嘗試將腳本的代碼包含到一個單獨的文件中，使用 axios 進行請求（我知道它不會改變任何事情，因為請求實際上已經有效），將 ID 直接歸因于列表并在腳本中使用它...沒有出現任何內容來代替 {{ Product.name }} 和 {{ Product.price }} 。同樣適用于totalProducts變量和{{totalProducts}}