activated钩子函数
activated钩子函数是在组件被激活后的钩子函数,mounted是不保证组件在document中,也就是组件还没有被激活,因此可以理解为activated执行在mounted之后。
在跳转传值时,接收参数的页面中可能获取不到第二次传的值,放在activated中,可以获取到值的变化。
vue2.0中常用的钩子函数有:
beforeCreated:组件实例刚被创建,组件属性计算之前,如data等;
created:组件实例创建完成,属性已绑定,但DOM还未生成,$el属性还不存在;
beforeMount: 编译/挂载之前;
mounted: 编译/挂载之后(不保证组件已在document中);
beforeUpdate: 组件更新前;
updated: 组件更新后;
activated: 组件被激活时调用;
deActivated: 组件被移除时调用;
beforeDestory: 组件被销毁之前;
destoryed: 组件被销毁之后。
转载于:https://www.cnblogs.com/lesliejavascript/p/11155742.html
activated钩子函数相关推荐
- VUE 钩子函数超详细解析
点击上方蓝色字体关注我吧 一起学习,一起进步,做积极的人! 前言 Vue 实例在被创建时,会经过一系列的初始化过程,初始化过程中会运行一些函数,叫做生命周期钩子函数,通过运用钩子函数,用户在可以在Vu ...
- actived生命周期_vue生命周期钩子函数actived没有执行
调用actived钩子函数,发现代码没有执行.......为何vue 背景技术选型:vue+vue-router+vuex 第一步:路由配置文件设置keepAlive=truevue-router / ...
- 初探 Vue 生命周期和钩子函数
生命周期 生命周期函数就是 Vue 实例在某一个时间点会自动执行的函数. 简单来说就是好像把人的出生到死亡分成一个个阶段,你取名字肯定是在你出生阶段,而不是在成年阶段:你结婚肯定是在成年阶段,而不是在 ...
- Vue的过滤器,生命周期的钩子函数和使用Vue-router
一.过滤器 1.局部过滤器 在当前组件内部使用过滤器 给某些数据 添油加醋 //声明 filters:{'过滤器的名字':function(val,a,b){//a 就是alax ,val就是当前的数 ...
- 不来看看这些 VUE 的生命周期钩子函数? | 原力计划
作者 | huangfuyk 责编 | 王晓曼 出品 | CSDN 博客 VUE的生命周期钩子函数:就是指在一个组件从创建到销毁的过程自动执行的函数,包含组件的变化.可以分为:创建.挂载.更新.销毁四 ...
- c语言中的钩子函数,生命周期(vue的钩子函数)
生命周期图示 创建前,创建后,挂载前,挂载后,更新前,更新后,销毁前,销毁后 beforeCreate:function(){ console.log('1-beforeCreate 组件还未被创建' ...
- kepp-alive的作用?keep-alive的属性?路由元信息?白名单黑名单?keep-alive的钩子函数
keep-alive它自身不会渲染一个dom元素,也不会出现在父组件中,作为标签使用包裹在需要缓存的组件外 路由元信息 如果要缓存部分页面可以使用路由元信息 <keep-alive>< ...
- 实战 Vue 之生命周期钩子函数执行顺序
实战 Vue 之生命周期钩子函数执行顺序 生命周期钩子函数 父组件与子组件执行顺序 生命周期钩子函数 beforeCreate:实例刚被创建出来,data 数据和 methods 方法还未被初始化,不 ...
- vue的组件/data的参数/组件传值/插槽/侦听器/生命周期钩子函数
目录 组件结构 组件的命名规则: 组件的data参数 <font color='red'> 组件的父子传值prop(通信) <font color='red'>组件的子--&g ...
最新文章
- Django项目中的子项目中自动生成自己想要的文件内容
- C语言不用文件系统读取文件,C语言-基础教程-非缓冲文件系统
- echarts在.Net中使用实例(一) 简单的Demo
- Zookeeper_实际应用讲解
- ORA-03114乌龙处理
- php smtp报文_PHP 使用 SMTP 发送邮件教程(PEAR Mail 包)
- 阿里巴巴对Java编程【控制语句】的规约
- 栈溢出笔记1.7 地址问题(2)
- fixed与sticky的区别
- java虚拟机jvm_java虚拟机jvm - zhuyuansj的个人空间 - OSCHINA - 中文开源技术交流社区...
- window 配置react native 、Android Studio环境
- 光盘放进电脑读不出来_U盘插入电脑读不出来?学会这3招,轻松解决USB无法读取的问题...
- python 折线图拐角平滑_python利用插值法对折线进行平滑曲线处理
- c语言 学习手册,c语言学习手册
- SVN clean up 报错
- postgresql表复制
- 谈iphone电话短信增强工具kuaidail软件的实现
- git使用,挖个坑站住先
- Android打包混淆压缩
- C++到底还能做什么?