Home
一起唱 DoReMi
Cancel

[Vue.js] v-for設定key的作用與影響

v-for迭代陣列或物件時需要設定key,是為了避免重複產生DOM元素而浪費資源,因此將key視為一個辨識的依據,所有的key必須保持唯一。因此如果key值不小心重複,console甚至會出現 Duplicate keys detected: ... This may cause an update error. 這樣的警示訊息。 為了顯示key的作用和影響,用下面的例子來看,程式內容大意...

[Vue.js] 父子元件的雙向溝通示範

第一部分、父元件→子元件 利用props將資料傳給components使用 1. 子元件的設定 首先有一個子元件(child component),我們設定一個 props 為 userName,型態為String,如果data內的參數,你可以直接在模板裡用 `` 印出,或在function內以 this.userName 來進行操作。 template的內容是以顯示 userNa...