初始化阶段： beforeCreate created beforeMount mounted
运行中阶段： beforeUpdate updated
销毁阶段： beforeDestroy destroyed
我们接下来从初始化开始慢慢了解。
这个钩子函数初始化的时候立马执行,此钩子函数里面是获取不到数据的，同时页面中的真实dom节点也没有挂载出来
<body>
<div id="app">
<my-component></my-component>
</div>
<!--定义组件的模板结构-->
<template id="my-component">
<div>
<h1 id="title">{
{
msg}}</h1>
<p><input type="text" v-model="msg"></p>
</div>
</template>
<script>
Vue.component("my-component",{
template:"#my-component",
data(){
return {