Vue.js の開発者インターフェース

Vue.js には複数の開発者インターフェースがあり、レベルが違う

レベルとは「どれくらい生の JavaScript に近いか」

Single File Component で template を書く

code:App.vue

<template>

<div>Hello World!</div>

</template>

code:ts

import { createApp } from 'vue'

import App from './App.vue'

const app = createApp(App)

app.mount('#app')

code:ts

import { createApp } from 'vue'

const app = createApp({

template: '<div>Hello World!</div>',

})

app.mount('#app')

code:ts

import { creteApp, h } from 'vue'

const app = createApp({

render() {

},

})

app.mount('#app')