Vue.js是一個(gè)流行的JavaScript框架，用于構(gòu)建現(xiàn)代Web應(yīng)用程序。JSFiddle是一個(gè)在線Code Playground，允許用戶創(chuàng)建、共享和運(yùn)行代碼片段。通過(guò)將兩者結(jié)合起來(lái)，您可以在瀏覽器中輕松測(cè)試和實(shí)驗(yàn)Vue.js代碼片段。以下是如何使用JSFiddle來(lái)測(cè)試Vue.js代碼：

首先，您需要訪問(wèn)JSFiddle網(wǎng)站（https://jsfiddle.net/）并創(chuàng)建一個(gè)新的Fiddle。然后你需要從Vue.js的CDN中導(dǎo)入Vue.js的腳本和樣式。您可以使用以下代碼：

<!-- 導(dǎo)入Vue.js -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<link rel="stylesheet" >

接下來(lái)，您可以在HTML代碼中添加Vue.js模板。例如，以下是一個(gè)簡(jiǎn)單的Vue.js組件，顯示一個(gè)“Hello World”的消息：

<div id="app">
{{ message }}
</div>
<script>
const app = new Vue({
el: '#app',
data: {
message: 'Hello World!'
}
});
</script>

最后，你可以運(yùn)行你的代碼片段并看到這個(gè)Vue.js組件的輸出。你可以嘗試改變?cè)赩ue實(shí)例中的消息并看到它會(huì)如何改變。接下來(lái)，您可以使用JSFiddle的共享功能將您的Fiddle鏈接分享給其他人，讓他們也可以嘗試運(yùn)行代碼片段。