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: 完全被销毁