1、setup():开始创建组件之前，在beforeCreate和created之前执行，创建的是data和method
2、onBeforeMount():组件挂载到节点上之前执行的函数；
3、onMounted():组件挂载完成后执行的函数；
4、onBeforeUpdate():组件更新之前执行的函数；
5、onUpdated():组件更新完成之后执行的函数；
6、onBeforeUnmount():组件卸载之前执行的函数；
7、onUnmounted():组件卸载完成后执行的函数；
8、onActivated():被包含在中的组件，会多出两个生命周期钩子函数，被激活时执行；
9、onDeactivated():比如从A组件，切换到B组件，A组件消失时执行；
10、onErrorCaptured():当捕获一个来自子孙组件的异常时激活钩子函数。
vue3生命周期
2023-02-10
85
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
前端面试
相关文章
|
16天前
|
JavaScript
前端开发
开发者
vue3+ts配置跨域报错问题解决：＞ newpro2@0.1.0 serve ＞ vue-cli-service serve ERROR Invalid options in vue.
【6月更文挑战第3天】在 Vue CLI 项目中遇到 "ERROR Invalid options in vue.config.js: ‘server’ is not allowed" 错误是因为尝试在 `vue.config.js` 中使用不被支持的 `server` 选项。正确配置开发服务器（如代理）应使用 `devServer` 对象，例如设置代理到 `http://xxx.com/`：
```javascript
module.exports = {
devServer: {
28
1
1
|
16天前
|
JavaScript
前端开发
数据安全/隐私保护
vue3+ts+elementplus写一个登录页面教程
【6月更文挑战第3天】本文介绍了如何使用 Vue 3 和 TypeScript 创建一个登录页面。首先，需安装 Vue CLI，然后创建新项目并启用 TypeScript 支持。接着，创建 `Login.vue` 组件，设计登录表单，包括用户账号、密码和验证码字段，并实现相关验证规则。页面样式包括背景、登录框和按钮等元素的布局与样式。最后，展示了`<script>`部分的代码，包括表单验证逻辑、生成验证码的函数以及登录提交处理。文章还提供了一个登录页面的截图和完整代码示例。
65
1
1
|
8天前
|
JSON
JavaScript
前端开发
在Vue3项目中，Vite起到的作用及其可以做的事情
Vite是Vue 3项目的关键快速开发服务器和高效的热模块替换（HMR）。它的亮点包括：使用ES模块实现快速启动和动态加载，模块级别HMR提升开发效率，Rollup打包优化生产构建。此外，Vite还支持插件系统、自定义配置、静态资源处理和现代JS特性。通过`npm create vite`可快速搭建Vue项目，配置文件`vite.config.js`可定制行为，`.env`文件管理环境变量。Vite优化了开发与构建流程，提高开发者效率并保证构建性能。
34
0
0
|
5天前
|
JavaScript
前端开发
API
|
5天前
|
资源调度
JavaScript
前端开发
|
5天前
|
开发工具
git
|
5天前
|
存储
JavaScript
API
|
5天前
|
资源调度
JavaScript
测试技术
|
5天前
|
JavaScript
前端开发
编译器
|
16天前
|
JavaScript
API
热门文章
最新文章
1
Vue+Django+MySQL搭建指南（个人全栈快速开发）
2
vue router 4 源码篇：路由诞生——createRouter原理探索
3
vue3中setup声明变量的几种方法
4
Nginx部署VUE前端页面（图文解说详细版）
5
[Vue warn]: Error in callback for watcher “lss“: “TypeError: Cannot read properties of undefined
6
基于 SpringBoot + Vue 实现的可视化拖拽编辑的大屏项目（附源码）
7
vue使用video.js解决m3u8视频播放格式
8
【超详细！】vue+koa+nginx前后端分离开发项目上线部署到云服务器
9
Vue——13-vue-router的导航守卫以及滚动行为
10
从零手写实现Vue响应式源码之数据响应
1
Vue 中的 computed 和 watch 的区别
24
2
Vue如何监听键盘事件
76
3
vue和ainapp动态获取数据改变背景颜色
20
4
Vue3——Router4教程(小满版本)（二）
96
5
Vue3——基础内容部分(小满版本)（一）
35
6
vue实例的data属性，可以在哪些生命周期中获取到
54
7
【Ant designe vue】中有关表格列中日期展示 yyyy-mm-dd 格式问题
49
8
Ant Design Vue中有关父子组件进行通信传值的问题
67
9
Vue强制页面刷新--vue不留白刷新页面解决办法
57
10
Vue.js自定义指令
17