接下來開始輸入程式碼
testpage1.html
<html>
<head>
<meta charset=”utf-8″>
<title>Vue測試</title>
<script src=”javascript/vue.min.js”></script> <!—這邊記得要引入vue.min.js –>
</head>
<body>
<div id=”info”>
<h3>{{message}}</h3> <!—測試Vue.js是否套用成功–>
</div>
</body>
</html>
<script>
new Vue({
el:’#info’,
data:{
message:’My data Info Message’
}
})
</script>
如成功套用在網頁中時出現的文字會是” My data Info Message”,如套用失敗文字則會顯示{{message}}