// await loadJs('https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js')

await loadJs('https://unpkg.com/[email protected]/dist/vue.min.js')

appendCss(`

.container { padding: 20px }

`)

let App = {

render (h) {

let { add, count, message } = this

return h('div', { class: 'container' }, [

h('h1', null, 'Vue Render-h'),

h('h3', null, `Hello. ${message} ${count}`),

h('button', { on: { click: add } }, 'Add')

])

},

data() {

return { count: 0, message: 'This is Vue App.' }

},

mounted() {

this.timerId = setInterval(this.add, 1000)

},

beforeDestroy() {

let { timerId } = this

if (timerId) clearInterval(timerId)

},

methods: {

add() { this.count++ }

}

}