Vue剛出現的時候，我們幾乎都是新手，會遇到各種各樣的錯誤碼。其中，11819錯誤碼就是其中之一。

11819錯誤碼通常出現在使用指令操作DOM元素時。它提示我們，操作的節點不存在。

<div id="app">
<ul>
<li v-for="item in list">{{ item.name }}</li>
</ul>
</div>
<script>
var vm = new Vue({
el: '#app',
data: {
list: [
{ name: 'apple' },
{ name: 'banana' },
{ name: 'pear' }
]
},
mounted() {
var li = this.$el.querySelector('li:not(:first-child)');
this.$el.querySelector('ul').removeChild(li);
}
});
</script>

在這段代碼中，我們使用了mounted鉤子函數，在掛載后修改DOM元素。其中，我們選擇了除了第一個li節點以外的所有節點，并將其從DOM中移除。然而，當節點不存在時，就會拋出11819錯誤碼。

為了避免11819錯誤碼的出現，我們需要在操作節點前，先判斷其是否存在：

var li = this.$el.querySelector('li:not(:first-child)');
if (li) {
this.$el.querySelector('ul').removeChild(li);
}

這樣，我們就可以避免11819錯誤碼的出現了。