首页 > 其他分享 >什么是vue⽣命周期?

什么是vue⽣命周期?

时间:2022-08-29 22:07:15浏览次数:60  
标签:vue 周期 created 什么 销毁 挂载 函数

什么是vue⽣命周期?
vue⽣命周期都有哪些钩⼦函数?这些钩⼦函数如何触发?
 项⽬开发过程中,在⽣命周期⾥⾯都分别做过什么功能? 
⻚⾯第⼀次加载时⽗⼦组件⽣命周期执⾏的顺序是什么?

所谓的vue⽣命周期就是vue实例从创建到销毁的整个过程我们称之为vue的 ⽣命周期,通过vue的⽣命周期我们可以在不同的阶段进⾏不同的逻辑操作. vue⽣命周期常⽤的钩⼦函数⼀共有8个,分别是创 建前后、挂载前后、更新前后以及销毁前后. 分别对应的钩⼦函数为beforeCreate 创建前、 created创建后、beforeMount 挂载 前、mounted挂载后、beforeUpdate 更新前、updated更新后、beforeDestory 销毁前、 destoryed销毁后, ⻚⾯⼀开始加载的 时候就会触发创建前后和挂载前后的钩⼦函数, ⽽更新的钩⼦函数需要当我们改变data的时候才能触发,⽐如 点击按钮,执⾏⼀ 个⽅法,在这个⽅式⾥⾯给data⾥⾯属性重新进⾏复制操作,这个时候就会更新的钩⼦函数, 销毁的钩⼦函数必须得当组件进⾏ 切换的时候就会进⾏销毁. 在项⽬开发过程中,我经常使⽤到的钩⼦函数有created,我们经常在created进⾏数据请求,或者获取本地存储的数据,还有⼀些其 他的操作. 除了created还有mounted,我们经常在mounted⾥⾯获取dom元素 (有时 候也存在获取不到dom元素的情况,这个时 候我们⼀般⽤$nextTick⽅法来解决)

标签:vue,周期,created,什么,销毁,挂载,函数
From: https://www.cnblogs.com/tcyweb/p/16637557.html

相关文章

  • 什么是线程安全与非线程安全?
    如何判断PHP是线程安全还是非线程安全的_longvslove的博客-CSDN博客 https://blog.csdn.net/longvslove/article/details/24532579什么是线程安全与非线程安全?线程安......
  • 给vue单页面绑定快捷键
    created(){//添加快捷键document.addEventListener('keyup',this.handleKeyUp)},destroyed(){//删除快捷键document.removeEventListene......
  • 引入VUE的方式(8种)
    第一类:1、本地引入把vue的js文件下载下来引入   2、CDN引入把vue.js网址引入   3、把vue.js文件放在项目文件夹src中引入项目然后webpack打包 4、......
  • Vite 按需引入 Ant Design Vue 3.0
    Vite按需引入AntDesignVue3.0第一步下载:npmiunplugin-vue-components-D需要注意的是:Vite你可以用unplugin-vue-components来进行按需加载。但是此插件无法处......
  • 从LLVM IR 来看编译器“优化”都在做些什么(release)
    这些东西可以讲很深,但今天只会带大家看些简单的LLVMIR跟 组合语言,并且举一些例子来讲 编译器”优化” 在做些什么。今天的示例会以Rust为主,因为Rust编译器的核心是建......
  • 什么是SSH?
    https://zhuanlan.zhihu.com/p/399374577什么是SSH?SSH(SecureShell,安全外壳)是一种网络安全协议,通过加密和认证机制实现了设备之间的安全保障。传统远程登录或文件传输方式......
  • CentOS 安装Nginx并部署vue项目
    安装yuminstallnginx配置nginx设置开机启动systemctlenablenginx启动服务systemctlstartnginx停止服务systemctlstopnginx重启服务syst......
  • vue3基础入门
    vue3基础入门官方网站:https://v3.vuejs.org/中文文档:https://staging-cn.vuejs.org/guide/introduction.html1、简介1.1、vue是什么?Vue.js(读音/vjuː/,类似于vi......
  • vue 监听事件addEventListener
    vue添加监听事件addEventListener//vue添加监听事件,addEventListener第二个参数要绑在this上,即需要在methods中声明,否则销毁的时候会报错//在mounted中监听,在beforeD......
  • Vue封装的过渡与动画
    一.作用:在插入、更新或移除DOM元素时,在合适的时候给元素添加样式类名。二.图示: 三.写法:1.准备好样式元素进入的样式:v-enter:进入的起点v-enter......