[生命周期](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)
>#### 生命周期函数就是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>
~~~
- vue
- 第一章 起步
- 第1节 开发环境配置
- 第2节 hello world
- 第3节 开发todolist
- 第四节 vue-temp
- 第二章 基本
- 第1节 实例，挂载点，模板
- 第2节 vue的生命周期
- 2-1 数据改变时执行的生命周期函数
- 第3节 条件渲染
- 第4节 v-text和v-html的区别
- 第5节 计算属性，方法，watch侦听器
- 第6节 计算属性的get，set方法
- 第7节 样式绑定
- 第8节 列表渲染
- 第9节 Vue.set
- 第10节 vue点击事件获取元素的内容
- 第三章 项目开发
- 第一节 top250的开发
- 第二节 滑动显示
- 第四章 vue组件
- 第1节 父组件向子组件传参
- 第2节 子组件向父组件传参
- 第五章 Vue项目
- 第六章 vue中的路由如何实现
- 第七章 全局组件和局部组件
- 第八章 vue组件和vue实例的关系
- 第九章 vue组件的模板方式
- 0.0 视频
- 第十章 gshop项目
- 1. stylus
- 第十一章 将vue项目部署到服务器上