VUE3.0从零开始-生命周期(3)

news/2024/7/23 23:22:21 标签: vue

1.与vue2版本不同点

与 2.x 版本生命周期相对应的组合式 API

beforeCreate -> 使用 setup()

created -> 使用 setup()

beforeMount -> onBeforeMount

mounted -> onMounted

beforeUpdate -> onBeforeUpdate

updated -> onUpdated

beforeDestroy -> onBeforeUnmount

destroyed -> onUnmounted

errorCaptured -> onErrorCaptured

onRenderTracked  检查依赖被追踪。当render函数被调用时,会检查哪个响应式数据被收集依赖

onRenderTriggered 当执行update操作时,会检查哪个响应式数据导致组件重新渲染。

2.vue2.X版本的生命周期介绍可以看我的其他文章。

https://blog.csdn.net/wo4641771/article/details/115912850

3.演示


http://www.niftyadmin.cn/n/1619139.html

相关文章

VUE3.0从零开始-响应式api(4)

1.reactive与ref 被响应式api标记过的数据才可以成为响应式数据 2.ref--用来标记简单类型数据 如果用ref对象/数组, 会自动将对象/数组转换为reactive的代理对象 ref的数据操作: 在js中要.value, 在模板中不需要(内部解析会自动添加.value) 3.reactive—标记复杂类型数据(…

VUE3.0从零开始-Element-plus和Axios初始化(5)

1.Element-plus 使用cli安装 vue add element-plus,安装完成之后多了几个文件。 可以看看官网:https://element-plus.gitee.io/#/zh-CN/component/installation 2.安装Axios 使用cli安装 axios http请求框架 npm install axios 3.axios基础使用方法&a…

VUE3.0从零开始-登陆页面(6)

1.新建login.vue页面和login.js 页面 2.配置路由 3.去element-plus网站把想要的按钮控件复制下来,放到login.vue里面 https://element-plus.gitee.io/#/zh-CN/component/message 4.编写css脚本。 5.setup 方法 6.最终效果图。

VUE3.0从零开始-主页面左侧菜单(6)

1.新建vue页面。 2.配置路由。 3.找布局组件。 先找全局的布局,再找上面分2块的布局。然后自己加点样式。 https://element-plus.gitee.io/#/zh-CN/component/menu 4.左侧菜单 先找布局组件,再配置好路由,再编写脚本。 5.子路由设计 6.最终…

VUE3.0从零开始-右侧主要内容(7)

1.Element UI 找到表格控件,分页控件,复制代码到自己页面上。 2.按照需求需要内容。 3.新建可以访问数据的api 4.编写脚本代码。 5.最终效果。

VUE3.0从零开始-打包发布到IIS(终)

1.在终端上 输入npm run build 2.生成dist文件夹&#xff0c;里面的内容就是打包压缩好的文件 3.新建web.config 文件到dist下面&#xff0c;把下面的内容复制进去。 <?xml version"1.0" encoding"UTF-8"?> <configuration> <system.w…

在linux运行jar包提示QRTZ_LOCKS表不存在

今天运行jar包&#xff0c;报错如下&#xff0c;但是我明明有这张表。 进入mysql执行 show global variables like %lower_case%;发现 ------------------------------- | Variable_name | Value | ------------------------------- | lower_case_file_system | OFF…

VUE3.0从零开始-源码分享(续)

里面有VUE3.0从零开始系列文章的源码和VSCode工具。 链接&#xff1a;https://pan.baidu.com/s/1SuAWy8ILXfelwUTRC7SLMw 提取码&#xff1a;6868 欢迎大家点赞&#xff0c;评论&#xff01;