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

vue的生命周期

时间:2022-08-20 16:24:35浏览次数:78  
标签:生命周期 实例 Vue vue alive 组件

一、Vue 的生命周期

一、Vue 的生命周期流程图

二、Vue 生命周期的具体    

生命周期 描述
beforeCreate  组件实例被创建之初
created 组件实例已经完成创建
beforeMount 组件挂载之前
mounted 组件挂载到实例上去之后
beforeUpdate 组件数据发生变化,更新之前
updated 组件数据更新之后
beforDestroy 组件实例销毁之前
destroyed 组件实例销毁之后
activated keep-alive 缓存的组件激活时
deactivated keep-alive 缓存的组件停用时调用
errorCaptured 捕获一个来自子孙组件的错误时被调用

 

标签:生命周期,实例,Vue,vue,alive,组件
From: https://www.cnblogs.com/BJQE/p/16607929.html

相关文章

  • vue学习之------vuex通俗易懂篇(一)
    1、vuex的作用是什么?实现组件数据共享(可以先初步理解为把一些数据存在localStorage中,不管哪里需要,都能取到)2、vuex的使用场景(先有个初步印象)(1)后台管理系统:用户登陆之......
  • npm install vue-router --save-dev 错误
    错误代码:npminstallvue-router--save-dev   首先进行原因分析:根据大部分文档的叙述该错误为:npm版本问题,新版本对下载要求比较严格其次解决方案:npminstall--l......
  • Vue3 + Socket.io + Knex + TypeScript 实现可以私聊的聊天室
    前言下文只在介绍实现的核心代码,没有涉及到具体的实现细节,如果感兴趣可以往下看,在文章最后贴上了仓库地址。项目采用前后端模式,前端使用Vite+Vue3+TS;后端使用Knex+......
  • vite+vue3+ts项目搭建
    #**大反派项目说明**##**一、项目搭建与配置引入**用到的库:vue3tsvitelesspiniavue-routeraxioselement-plus###**1.创建项目**  yarncreatevite......
  • vue进阶
     大体框架详见:百度脑图‘vue’ ============================================================================= 生命周期及其钩子函数(try):详见脑图-vue ---......
  • vue使用vConsole
    下载vConsole插件npminstallvconsole在mian.js上添加代码importVconsolefrom'vconsole'letvConsole=newVconsole()Vue.use(vConsole);原文链接:https://bl......
  • vue项目打包成dist文件以后,index.html加载空白?
    打包成dist文件以后,index.html加载空白没有修改config配置文件,直接打包,系统默认的是’/’(根目录),而不是’./’(当前目录),从而导致路径不对,页面加载不出来。针对vue-cli3.......
  • Vue2.0创建vue手脚架项目报错
    问题描述vue-cli·Failedtodownloadrepovuejs-templates/webpack:getaddrinfoENOTFOUNDgithub.com 问题分析可能是GitHub被墙了,但是我用了梯子还是init失败......
  • vue中使用tag标签根据状态显示不同颜色区分
    场景前端列表中有状态显示,会根据状态值的不同显示不同的颜色进行区分实战1、给tag增加颜色显示<Tagcolor="blue">标签一</Tag>2、根据值的不同需要增加判断<Tag:c......
  • 解决iframe页面之间的vuex状态管理
    公司有一个很老的saas平台项目,最近改成了vue3+vuex来处理,还是html页面,不是.vue的,花了很久的功夫,终于解决了iframe之间,vuex状态共享的问题,特此记录一下~/*解决iframe......