浅析Vue 生命周期


Posted in Javascript onJune 21, 2018

Vue 提供了11个钩子函数

1,从创建到销毁发生的一系列状态叫做什么周期,在这个过程中vue会提供状态函数给我们进行

该状态的操作,这个函数叫做钩子函数/生命周期函数/生命周期钩子

浅析Vue 生命周期

过程:

new Vue({})

Vue 实例初始化,读取所有的生命周期函数,并没有执行,不会调用

beforeCreate()

读取属性,计算属性,添加监听 set get方法,读取watch方法

create() 可以操作数据了

判断是否有el配置,或者是被调用了 $mount() 都会走下一步

判断有没有el或者是$mount()作用的dom结构

beforeMount是没有dom结构的

如果有dom结构,读取dom结构 渲染vue指令 {{}},也就是挂载的过程

mounted() 可以操作ref

在这里可以用到 ref操作dom,用法为 ref="id",this.$refs,这里的id为唯一值,手写id会覆盖,但是用v-for 遍历ref,id成了一个数组,不会覆盖。

总结

以上所述是小编给大家介绍的Vue 生命周期,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
用JS做的简单的可折叠的两级树形菜单
Sep 21 Javascript
ECMAScript6块级作用域及新变量声明(let)
Jun 12 Javascript
代码分析jQuery四种静态方法使用
Jul 23 Javascript
jQuery实现鼠标滑过点击事件音效试听
Aug 31 Javascript
JavaScript实现99乘法表及隔行变色实例代码
Feb 24 Javascript
基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载(一)
Jun 22 Javascript
基于vue2.0实现简单轮播图
Nov 27 Javascript
vue使用技巧及vue项目中遇到的问题
Jun 04 Javascript
vue超时计算的组件实例代码
Jul 09 Javascript
详解无限滚动插件vue-infinite-scroll源码解析
May 12 Javascript
node+multer实现图片上传的示例代码
Feb 18 Javascript
从零开始在vue-cli4配置自适应vw布局的实现
Jun 08 Javascript
vue数组对象排序的实现代码
Jun 20 #Javascript
vue项目实现github在线预览功能
Jun 20 #Javascript
node thread.sleep实现示例
Jun 20 #Javascript
解决循环中setTimeout执行顺序的问题
Jun 20 #Javascript
Vue.use源码学习小结
Jun 20 #Javascript
Vuex入门到上手教程
Jun 20 #Javascript
JavaScript 中的 this 工作原理
Jun 20 #Javascript
You might like
自定义PHP分页函数
2006/10/09 PHP
PHP insert语法详解
2008/06/07 PHP
PHP二维数组的去重问题解析
2011/07/17 PHP
调试PHP程序的多种方法介绍
2014/11/06 PHP
javascript数组与php数组的地址传递及值传递用法实例
2015/01/22 PHP
详解PHP实现定时任务的五种方法
2016/07/25 PHP
详解PHP神奇又有用的Trait
2019/03/25 PHP
jQuery文本框(input textare)事件绑定方法教程
2013/04/24 Javascript
javascript中的self和this用法小结
2014/02/08 Javascript
input禁止键盘及中文输入,但可以点击
2014/02/13 Javascript
jQuery的animate函数实现图文切换动画效果
2015/05/03 Javascript
关于JS中的apply,call,bind的深入解析
2016/04/05 Javascript
分享10个优化代码的CSS和JavaScript工具
2016/05/11 Javascript
JS简单实现点击按钮或文字显示遮罩层的方法
2017/04/27 Javascript
Vue.js中组件中的slot实例详解
2017/07/17 Javascript
vue实现组件之间传值功能示例
2018/07/13 Javascript
Layui 解决表格异步调用后台分页的问题
2019/10/26 Javascript
JavaScript 判断数据类型的4种方法
2020/09/11 Javascript
JS实现简易图片自动轮播
2020/10/16 Javascript
[50:38]DOTA2-DPC中国联赛 正赛 Phoenix vs CDEC BO3 第二场 3月7日
2021/03/11 DOTA
Python3实现的腾讯微博自动发帖小工具
2013/11/11 Python
Python的Django框架安装全攻略
2015/07/15 Python
python中virtualenvwrapper安装与使用
2018/05/20 Python
Python实现的登录验证系统完整案例【基于搭建的MVC框架】
2019/04/12 Python
Python读写锁实现实现代码解析
2020/11/28 Python
HolidayLettings英国:预订最好的度假公寓、别墅和自助式住宿
2019/08/27 全球购物
泰国最新活动和优惠:Megatix
2020/05/07 全球购物
销售人员中英文自荐信
2013/09/22 职场文书
高中运动会广播稿
2014/01/21 职场文书
保安队长职务说明书
2014/02/23 职场文书
中班开学寄语
2014/04/04 职场文书
食堂标语大全
2014/06/11 职场文书
小学生国庆演讲稿
2014/09/05 职场文书
工作经验交流材料
2014/12/30 职场文书
蓬莱阁导游词
2015/02/04 职场文书
JavaScript实现音乐播放器
2022/08/14 Javascript