0%

Vue.js 3 - 起手式

今天要介紹的是 Vue.js3 的起手式,主要參考官方文件來學習

載入方式

1
<script src="https://unpkg.com/vue@next"></script>

引入之後,在index.html檔案

1
2
3
<div id="app">
<h1>{{message}}</h1>
</div>
1
2
3
4
5
6
7
8
9
10
//JS

Vue.createApp({

data(){
return {
message: 'I am Eva!'
}
}
}).mount('#app')
  • 畫面就會出現相應的文字