Vue中的append是指將元素追加到父元素的最后一個子元素后面。這在一些動態(tài)生成的列表或者表格中是非常有用的。在Vue中，通過$refs來訪問DOM元素，而append則是DOM的一種操作，因此我們需要結合$refs和原生DOM的知識來實現(xiàn)append。

<template>
<div>
<button @click="addItem">添加項</button>
<ul ref="list"></ul>
</div>
</template>
<script>
export default {
methods: {
addItem() {
// 獲取列表元素
const list = this.$refs.list;
// 創(chuàng)建新的li元素
const newItem = document.createElement('li');
newItem.textContent = '新的列表項';
// 將新元素追加到列表的最后一個子元素后面
list.appendChild(newItem);
}
}
}
</script>

上面的例子中，我們在模板中創(chuàng)建了一個按鈕和一個空的無序列表，在methods中定義了addItem方法，并在其中獲取了列表元素。然后，我們創(chuàng)建了一個新的li元素，并將其textContent設置為'新的列表項'。最后，通過list.appendChild(newItem)將新元素追加到列表最后一個子元素后面，完成了append的操作。

總之，Vue中的append和原生DOM的操作類似，需要同時結合$refs和DOM操作來實現(xiàn)。在動態(tài)生成DOM元素的場景下，這個技巧非常實用。