<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script></head><body><!-- TODO: 用全局組件方式寫就沒問題，用局部組件的方式就出現這個問題了 --><div id="app"> <Apptext v-for="item in list" :eatList="item" v-bind:key="item.id" ></Apptext></div><script> var app = new Vue({ el: '#app', components:{ Apptext:appText }, data: { list:[ { id: 0, text: '蔬菜' }, { id: 1, text: '奶酪' }, { id: 2, text: '隨便其它什么人吃的東西' } ] }, }) var appText = { props:['eatList'], template: '<li>{{ eatList.text }}</li>' }</script></body></html>最近初學vue，看官方文檔的一個例子自己用局部組件改寫的嗎，但是瀏覽器總是會報錯，而用全局組件就沒問題
vue局部組件的問題
LEATH
2019-03-21 18:19:10
