vue周期函数的使用

简介: vue周期函数的使用

vue常用的周期函数也就是那么几个,但是我们务必要知道生命周期函数的流程

第一个:beforeCreate

//执行时间:在vue实例创建前调用的函数
//执行操作:此时数据data和事件方法methods还未绑定到app对象上
//操作事件:此时对数据进行绑定,ajax发送请求

第二个:created

//执行时间:在vue实例创建成功后调用的函数
//执行操作:此时数据data和事件方法methods已经绑定到应用对象app上,只是拿到数据,数据还没渲染到模板视图上

第三个:beforeMount

//执行时间:渲染之前
//执行操作:此时数据虽然是渲染到了模板视图上,但是根据数据生成的DOM对象是获取不到的

第四个:Mounted

//执行时间:渲染之后
//执行操作:可以获取数据生成的DOM对象

第五个:beforeUpdate

//执行时间:数据更改,但内容未更改前
//执行操作:未更改前的数据

第六个:updated

//执行时间:数据更改,内容更新完毕
//执行操作:更改后的数据

第七个:beforeDestroy

//执行时间:应用销毁前,主要应用于组件
//执行操作:销毁前的操作

第八个:destroyed

//执行时间:应用销毁后,主要应用于组件
//执行操作:销毁后的操作
相关文章
|
7天前
|
JavaScript
vue中使用@scroll不生效的问题
vue中使用@scroll不生效的问题
|
2天前
|
JavaScript 算法 前端开发
vue学习(1)
vue学习(1)
189 62
|
1天前
|
JavaScript
vue学习(3)模板语法
vue学习(3)模板语法
23 10
|
2天前
|
存储 JavaScript 前端开发
vue学习(2)
vue学习(2)
180 63
|
2天前
|
JavaScript
vue键盘事件
vue学习(11)键盘事件
|
6天前
|
数据采集 JavaScript 搜索推荐
我们一起聊聊如何对Vue项目进行搜索引擎优化
【9月更文挑战第4天】Vue 项目的搜索引擎优化(SEO)较为复杂,因其内容默认由 JavaScript 渲染,部分搜索引擎难以索引。为提升 SEO 效果,可采用服务器端渲染(SSR)或预渲染,使用 Nuxt.js 或 Vue Server Renderer 实现 SSR,或利用 Prerender SPA Plugin 预渲染静态 HTML。此外,动态管理 Meta 标签、优化静态内容与 Sitemap、懒加载、图片优化、提升页面速度、设置正确的路由模式、使用结构化数据及构建良好外链均有益于 SEO。
40 11
|
5天前
|
JavaScript 前端开发 搜索推荐
推荐5款免费、开箱即用的Vue后台管理系统模板
推荐5款免费、开箱即用的Vue后台管理系统模板
|
7天前
|
缓存 JavaScript 前端开发
vue中使用keep-alive的问题
vue中使用keep-alive的问题
|
9天前
|
JavaScript 前端开发
VUE技术栈-Vue的基本使用
尹正杰在其博客中介绍了Vue.js框架,它是一个渐进式JavaScript框架,由尤雨溪开发,结合了AngularJS的模板语法和数据绑定以及React的组件化和虚拟DOM技术,适合构建高效、轻量化的用户界面。
23 4
|
10天前
|
缓存 JavaScript 容器
vue动态组件化原理
【9月更文挑战第2天】vue动态组件化原理
26 2