這個功能涉及到vue的兄弟元件之間的通訊
在vue中，父子元件通訊，子元件向父元件通訊，我們在子元件中**$emit**（『喊出的聲音』，『聲音中的訊息』）來告知我們要傳遞給父元件的訊息。
所以，我們先在子元件中，宣告乙個click事件，@click="handleletterclick"，然後我們在子元件的函式中完成這個函式的定義
handleletterclick (e)接著，我們再給這個子元件定義三個觸碰的函式事件
@touchstart="handletouchstart"
@touchmove="handletouchmove"
@touchend="handletouchend"
handletouchstart () ,
handletouchmove (e) }},
handletouchend ()
父元件就會收到@change="handleletterchange"，這時候，handleletterchange就會有子元件告訴父元件的：手指處於哪個字母上。
handleletterchange (letter):letter="letter"另乙個元件就知道了
props: ,watch:
console.log(this.letter)
}}
:ref=「key」
vue學習 列表渲染
arr.splice index,1,newp 刪除長度為1，下標為index的arr中元素，並增加newp這個元素。改變陣列後，雙向繫結。一 vue的資料繫結如何實現 this.persons index newp 資料改變 檢視不會改變 沒有改變persons的值，只是改變了下標的屬性 this...
2020 10 05 vue學習筆記 列表渲染
用v for將乙個陣列渲染為列表 for item in items div 這裡的v for塊中，能夠對父作用域進行訪問 div var vm newvue 執行結果 v for 還支援乙個可選的第二個引數，即當前項的索引。for item,index in items 1 這裡的index是v ...
詳解Vue學習筆記高階篇之列表過渡及其他
本文將介紹vue中的列表過渡，動態過渡，以及可復用過渡是實現。列表過渡 目前為止，關於過渡我們已經講到 那麼怎麼同時渲染整個列表，比如使用v for？在這種場景中，使用元件。在我們深入例子之前，先了解關於這個元件的幾個特點 現在讓我們由乙個簡單的例子深入，進入和離開的過渡使用之前一樣的 css 類名...