【Vue2.0】—生命周期函数（十）

生命周期函数

生命周期函数又叫：生命周期回调函数，生命周期函数、生命周期钩子
是什么：Vue在关键时刻帮我们调用一些特殊名称的函数
生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的
生命周期函数中的this指向的是vm或者组件实例化对象

常用的生命周期的钩子
1、mounted：发送ajax请求，启动定时器，绑定自定义事件订阅消息等功能【初始化操作】
2、beforeDestory:清除定时器，解绑自定义事件，取消订阅消息等等【首尾工作】

关于Vue销毁实例：
1、销毁后借助Vue开发者工具看不到任何信息
2、销毁后自定义事件会失效但原生的DOM事件依然有效
3、一般不会在beforeDestory操作数据，因为即使操作数据，也不会再触发更新的流程了。

 <div id="root"><h2 :style="{opacity}"> 欢迎学习Vue的生命周期</h2><button @click="stop">点我停止变化</button></div><script>Vue.config.productionTip = false;const vm = new Vue({el: '#root',data: {opacity: 1,},methods: {stop() {// clearInterval(this.timer)this.$destroy();}},//Vue完成模板解析并把真实的初始DOM元素放入页面后（挂载完毕）调用mountedmounted() {this.timer = setInterval(() => {this.opacity -= 0.01;if (this.opacity <= 0)this.opacity = 1;}, 16)},beforeDestroy() {console.log('vm即将驾鹤西游了');clearInterval(this.timer)}})</script>

【Vue2.0】—生命周期函数（十）相关推荐

vue2.0生命周期数据共享
3.1 组件的生命周期 1.概念 (1)生命周期:是指一个组件从创建.运行.销毁的整个阶段,强调的是一个时间段 (2)生命周期函数:是由vue框架提供的内置函数,会伴随组件的生命周期,自动按次序执行 ...
vue3.0生命周期函数
什么是生命周期: vue中每个组件都是独立的,每个组件都有一个属于它的生命周期,从一个组件创建.数据初始化.挂载.更新.销毁,这就是一个组件所谓的生命周期. 在vue2.x中的生命周期为 before ...
vue2的生命周期函数
引入使用一个vue-li搭建的项目,想在页面渲染前从后端拿数据,对挂载的dom进行操作,将初始化的数据改为后端数据. 这样就涉及到生命周期函数的应用了,我们来看看官方给的钩子函数生命周期函数共有1 ...
vue1.0和vue2.0生命周期----整理一
## 1. 作用域区别 1.x 随意的定义作用域 2.x 不允许body 或者html 元素 ## 2. 生命周期 1.x: created 实例已经创建 beforeCompile 在编译之前 co ...
从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 十八║Vue基础: 指令(下)+计算属性
回顾今天来晚辣,给公司做了一个小项目,一个瀑布流+动态视频控制的DEMO,有需要的可以联系我,公司的项目就不对外展示了(一个后端程序员真的要干前端了哈哈哈). 书接上文,昨天正式的开始了Vue的代码 ...
从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 十八║Vue基础: 指令(下)+计算属性+watch...
回顾今天来晚辣,给公司做了一个小项目,一个瀑布流+动态视频控制的DEMO,有需要的可以联系我,公司的项目就不对外展示了(一个后端程序员真的要干前端了哈哈哈). 书接上文,昨天正式的开始了Vue的代码 ...
Vue2.0 探索之路——生命周期和钩子函数的一些理解
前言在使用vue一个多礼拜后,感觉现在还停留在初级阶段,虽然知道怎么和后端做数据交互,但是对于mounted这个挂载还不是很清楚的.放大之,对vue的生命周期不甚了解.只知道简单的使用,而不知道为什 ...
iframe 监听内部接口是否加载完成_低成本0基础打造自己的app之uni-app请求接口以及生命周期函数...
引言此教程为教你怎么用WordPress开发一个属于你自己的app(小程序) 前面我们讲解了怎么用WP开发一个首页幻灯片接口(低成本0基础开发app之开发首页幻灯片接口),本来这一节中我们应该讲解如 ...
【Vue2.0】—vue-router（二十六）
[Vue2.0]-vue-router(二十六) 一.vue-router 的理解它是vue 的一个插件库,专门用来实现 SPA 应用二.对 SPA 应用的理单页 Web 应用(single p ...

【Vue2.0】—生命周期函数（十）

生命周期函数

【Vue2.0】—生命周期函数（十）相关推荐

最新文章

热门文章