Vue的钩子函数

var vm = new Vue({
el: ‘#app’, // 生效范围
data: {}, // 数据
methods: {}, // 方法
filter: {}, // 过滤器
directives: {}, // 自定义指令(一般用不到)
components: {}, // 载入组件

常用的两个:created(),mounted()别的基本不用 */

**生命周期钩子自动绑定 this 上下文**
beforeCreated() {},      初始化之后调用
created() {},   实力化对象完成,并且完成了配置之后调用
beforeMount() {},  数据在备挂载前调用
mounted() {},    页面加载完成
beforeUpdate() {},     数据更新时调用
update() {},              数据修改之后调用
beforeDestory() {},   VUE对象销毁之前调用
destory() {}            实例销毁后调用

})

销毁的简单案例

		<!-- 
			1.VUE对象的生命周期函数,可以单独的调用
			2.生命周期的函数名称是固定的,不能随意修改.
		 -->
		用户名: <input type="text" v-model="name"/>
		<button @click="destroyed">销毁</button>
	</div>
	<script src="../js/vue.js"></script>
	<script>
		const app = new Vue({
			el: "#app",
			data: {
				name: ''
			},
			methods: {
				destroyed(){
					//手动销毁VUE对象 vue中的对象API使用$调用
					this.$destroy()
				}
			}
			})
	</script>