Vue.js 最小コード
プログラミング
公開: 2024年08月16日
目次
-
- 1.1. グローバルビルドの使用
- 1.2. ES モジュール ビルドの使用
最小コード
グローバルビルドの使用
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<div id="app">{{ message }}</div>
<script>
const { createApp } = Vue
createApp({
data() {
return {
message: 'Hello Vue!'
}
}
}).mount('#app')
</script>
ES モジュール ビルドの使用
<div id="app">{{ message }}</div>
<script type="module">
import { createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js'
createApp({
data() {
return {
message: 'Hello Vue!'
}
}
}).mount('#app')
</script>