[生命周期](https://cn.vuejs.org/v2/guide/instance.html#%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E5%9B%BE%E7%A4%BA) >[info]生命周期函数就是vue实例在某一个时间点,会自动执行的函数 ~~~ <div id="app"> </div> <script> var vm=new Vue({ el:"#app", template:"<div >{{msg}}</div>", data:{ msg:"hello world" }, beforeCreate() { console.log("beforeCreate") }, created() { console.log("created") }, //页面还没有被渲染 beforeMount() { console.log("bm") console.log(this.$el) }, //页面渲染完成 mounted() { console.log("mounted"); console.log(this.$el) }, , beforeDestroy() { console.log("beforeDestroy") }, destroyed() { console.log("destroyed") }, //当数据改变时,这个两个函数执行 beforeUpdate() { console.log("beforeUpdate") }, updated() { console.log("updated") }, }) </script> ~~~