首页 > 其他分享 >vue的生命周期

vue的生命周期

时间:2022-09-24 18:12:12浏览次数:43  
标签:生命周期 methods 渲染 更新 vue data 页面

 

1. 创建前 beforeCreated data和methods还没有进行初始化 

2. 创建后 created data和methods已经初始化完成 

3. 渲染前 beforeMount  已经编译好了模板字符串,但是还没有渲染到页面中

4.渲染后 mounted 已经渲染完毕,可以看到页面 

5.更新前 beforeUpdate 已经拿到更新的数据还没有渲染到页面

6.更新后 updated 已经把更新后的数据渲染到页面中 

7.销毁前 beforeDestroy

8.销毁后 Destroyed

 

标签:生命周期,methods,渲染,更新,vue,data,页面
From: https://www.cnblogs.com/jzq521/p/16726129.html

相关文章

  • vue 使用百度地图JavaScript API GL 组件
    <template><divclass="component"><el-cardclass="cardStyle"><!--ready,地图组件渲染完毕时触发,返回一个百度地图的核心类和地图实例--><baidu-map......
  • 计算机毕业设计 SpringBoot+Vue零食商城平台系统 零食网上商城系统 零食购物商城系统J
    ......
  • vue3 基础-补充 ref & provide-inject
    本篇主要对一些被以前内容(渲染,传值)等忽略的几个常用小技巧进行补充说明啦.v-once即对某个dom节点生效,其会限定只会渲染一次,不论数据是如何的变化,演示如下:<!......
  • vue3 的 ref、isRef、toRef、toRefs、toRaw 详细介绍
    ref、isRef、toRef、toRefs、toRaw看着一堆类似的东西,一个头两个大,今天整理一篇文章详细介绍它们的功能及区别。1、refref属性除了能够获取元素外,也可以使用ref函数,......
  • Vue脚手架
    Vue脚手架vue-cli首先确保已安装的node和npmnode-vnpm-v其次确保npm镜像地址是淘宝镜像(有梯子除外)npmconfiggetregistry如果结果是:https://registry.npmmirror......
  • 讲讲Vue diff算法
    diff算法就是进行虚拟节点对比,并返回一个patch对象,用来存储两个节点不同的地方,最后用patch记录的消息去局部更新Dom。特点:比较只会在同层级进行,不会跨层级比较在di......
  • 19道高频vue面试题,顺便写一下自己的答案
    Vue路由hash模式和history模式1.hash模式早期的前端路由的实现就是基于location.hash来实现的。其实现原理很简单,location.hash的值就是URL中#后面的内容。比如下......
  • Vue父子组件生命周期触发顺序是怎样的?
    挂载阶段父beforecreated->父created->父beforemounted->子beforecreated->子created->子beforemounted->子mounted->父mounted更新阶段父beforeUpdate->子beforeUpda......
  • 说说Vue的keep-alive使用及原理。
    keep-alive是vue.js的一个内置组件,它将不活动的组件保存在内存中,而非只讲将其销毁,提供了include(缓存),exclude(不缓存)两个属性,可以有选择的保存组件语法:<keep-al......
  • VUE v-bind 数据绑定
    动态的绑定一个或多个attribute,也可以是组件的prop。缩写: : 或者 . (当使用 .prop 修饰符)期望: any(带参数)|Object(不带参数)参数: attrOrProp(可选的)......