Vue自測是一個非常重要的技能，在開發Vue應用程序時經常需要自行檢測代碼以確保運行的正常。本文將提供一個簡單易懂的Vue自測教程。

首先，我們需要安裝jest和@vue/test-utils依賴包。我們可以通過以下命令輕松安裝這些依賴項：

npm install --save-dev jest @vue/test-utils

假設我們有一個名為HelloWorld的Vue組件，我們將在此組件上執行自測。首先，創建一個名為HelloWorld.spec.js的文件，并添加以下代碼：

import { shallowMount } from '@vue/test-utils'
import HelloWorld from '@/components/HelloWorld.vue'
describe('HelloWorld.vue', () => {
it('renders props.msg when passed', () => {
const msg = 'new message'
const wrapper = shallowMount(HelloWorld, {
propsData: { msg }
})
expect(wrapper.text()).toMatch(msg)
})
})

在這個例子中，我們通過調用shallowMount來掛載組件，并將props.msg賦值為“new message”。然后，我們使用expect函數來檢查text方法的返回值是否符合props.msg。如果測試通過，則函數不會拋出任何異常。如果測試不通過，將拋出錯誤。

我們可以使用以下命令來運行此自測：

npx jest HelloWorld.spec.js

我們也可以使用以下命令來運行所有自測文件：

npx jest

總之，Vue自測是Vue應用程序開發中不可或缺的一部分。使用Jest和@vue/test-utils可以輕松地添加自測，并確保代碼的穩定性和可靠性。