template 和 render()函数
buildTemplate => render()
```js
<template>
<div class="data1">{{data1}}</div>
</template>
// 更改
render() {
return (
<div class="data1">{ data1 }</div>
)
}
// 优化能力 - domdiff
<div class="data1" v-for="(item, index) in tempArray" :key="index">
{{item}}
</div>
1 2 3 4 5 6
6 1 2 3 5 7
// tick 一个回合
// render => vnode => dom
render函数每一次都会重新渲染，template模版做了大量优化
生命周期
创建阶段： beforeCreate(setup) => created(setup) => beforeMount => mounted
bC: new Vue() - 实例创建
c: data | props | method | computed - 数据操作
bM: vDom - 数据操作可以进行，不能涉及Dom
m: Dom - 任何操作
更新阶段： beforeUpdate => updated
bU: vDom
u: Dom
销毁阶段： beforeDestroy => destroyed
bD: 实例未被销毁
d: 完全被销毁
