Compiler: intro

ここまでで動作に必要なものは揃った

Reactivity System

Virtual Dom

Component

ここからはDXを良くしていく

いくつかStepはあるが、まずは

code: main.ts

const app = createApp({ template: <p class="hello">Hello World</p> })

のように書けるようにする

といっても上記のコードを

code: main.ts

const app = createApp({

render() {

return h('p', { class: 'hello' }, 'Hello World')

})

の従来のかたちに翻訳(コンパイル)するだけ