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
84
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
前端面试
相关文章
|
9天前
|
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: {
24
1
1
|
9天前
|
JavaScript
前端开发
数据安全/隐私保护
vue3+ts+elementplus写一个登录页面教程
【6月更文挑战第3天】本文介绍了如何使用 Vue 3 和 TypeScript 创建一个登录页面。首先，需安装 Vue CLI，然后创建新项目并启用 TypeScript 支持。接着，创建 `Login.vue` 组件，设计登录表单，包括用户账号、密码和验证码字段，并实现相关验证规则。页面样式包括背景、登录框和按钮等元素的布局与样式。最后，展示了`<script>`部分的代码，包括表单验证逻辑、生成验证码的函数以及登录提交处理。文章还提供了一个登录页面的截图和完整代码示例。
32
1
1
|
1天前
|
JSON
JavaScript
前端开发
在Vue3项目中，Vite起到的作用及其可以做的事情
Vite是Vue 3项目的关键快速开发服务器和高效的热模块替换（HMR）。它的亮点包括：使用ES模块实现快速启动和动态加载，模块级别HMR提升开发效率，Rollup打包优化生产构建。此外，Vite还支持插件系统、自定义配置、静态资源处理和现代JS特性。通过`npm create vite`可快速搭建Vue项目，配置文件`vite.config.js`可定制行为，`.env`文件管理环境变量。Vite优化了开发与构建流程，提高开发者效率并保证构建性能。
6
0
0
|
9天前
|
JavaScript
API
|
10天前
|
JavaScript
前端开发
程序员
|
10天前
|
10天前
|
JavaScript
|
10天前
|
JavaScript
|
10天前
|
存储
JavaScript
前端开发
|
10天前
|
存储
JavaScript
API
热门文章
最新文章
1
Vue+Django+MySQL搭建指南（个人全栈快速开发）
2
Python 3+Django 3 结合Vue.js框架构建前后端分离Web开发平台实战
3
解决VUE3中动态路由参数变化页面不刷新的问题
4
vue 路由demo
5
Vue 3.3 + Vite 4.3 + TypeScript 5+ Element-Plus：从零到一构建企业级后台管理系统（前后端开源）（一）
6
Vue.js 事件处理器 v-on
7
Vue3】vite打包报错：块的大小超过限制，Some chunks are larger than 500kb after minification
8
【踩坑记录】Vuex中更改state的数据但是Vue中没有做出改变
9
vue router 4 源码篇：路由诞生——createRouter原理探索
10
【安装指南】VSCode搭建运行Vue的详细教程
1
在vue中，怎样理解 Vue 的单向数据流？
33
2
在vue中，Class 与 Style 如何动态绑定？
18
3
在vue中，v-show 与 v-if 有什么区别？
27
4
在vue中，如何实现SPA单页面应用的路由管理？
31
5
在vue中，说说你对 SPA 单页面的理解，它的优缺点分别是什么？
49
6
解决Vue 3 + Element Plus树形表格全选多选以及子节点勾选的问题
108
7
Vue中el与data的两种写法
21
8
Vue之数据绑定
18
9
使用Vue.js、Vuetify和Netlify构建现代化的响应式网站
53
10
初识Vue 输出Hello World 及注意事项
28