生命周期钩子
从今天开始我们开始学习 Vue 生命周期钩子，就像人的一生一样短暂，充满着未知情况，从一开始的出生，小孩，少年，青年，中年，晚年，直到死亡那刻来临，每一个阶段都会处理不同的事情，人的整个生涯就算走完。Vue 实例也一样有着一个完整的生命周期，也就是说从开始创建，初始化数据，编译模板，挂载DOM，渲染-更新-渲染，卸载等一系列过程，构成为 Vue 实例的生命周期，钩子就是在某个阶段做一些处理。
beforCreate (创建前)
在实例初始化之后，数据观测和事件配置之前被调用，此时组件的选项对象还没创建，其中 data, el 并没有被初始化，因此没有办法获取 methods, data, computed, watch 等上的方法，属性。
我们先在 src/main.js 写下代码：
import { createApp } from 'vue/dist/vue.esm-bundler.js
