vue3.x专题一 ----常用钩子函数总结

已于 2024-03-17 12:50:39 修改
阅读量368 收藏 7
点赞数 10
分类专栏： vue3.x javascript 文章标签： javascript 前端 vue.js
于 2024-03-16 09:10:01 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52584863/article/details/136754616
版权
  • setup 创建实例前
  • onBeforeMount 挂载DOM前
  • onMounted 挂载DOM后(替代vue2.x中的created函数，通常用来发送网络请求)
  • onBeforeUpdate 更新组件前
  • onUpdated 更新组件后
  • onBeforeUnmount 卸载销毁前
  • onUnmounted 卸载销毁后
  • 总结： 组合API的生命周期钩子有7个，可以多次使用同一个钩子，执行顺序和书写顺序相同
上趣工作室
关注
  • 10
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
博客
解决uniapp开发微信小程序的，打包上传项目，提示文件过大的问题
05-09 239
解决uniapp开发微信小程序的，打包上传项目，提示文件过大的问题
博客
linux服务器中通过pm2启动通过koa框架托管的vue项目命令总结
05-09 136
通过pm2启动vue项目命令总结
博客
javascript专题一 ---- 使用不同的方法将小数转换为整数方法总结
04-07 245
javascript将小数转换为整数总结
博客
vue3.x专题十三 ---- axios的封装
04-05 113
vue3.x axios的封装
博客
vue3.x专题十二 ---- vuex持久化（自动保存到本地）
04-05 232
==> paths是存储state中的那些数据，如果是模块下具体的数据需要加上模块名称，如。===> 修改state后触发才可以看到本地存储数据的的变化。===> 默认是存储在localStorage中。1）首先：我们需要安装一个vuex的插件。===> key是存储数据的键名。中导入 user 模块。来支持vuex的状态持久化。
博客
vue3.x专题十一 ---- vuex使用方法总结二（分模块状态）
04-04 435
vue3.x vuex分模块状态使用方法总结
博客
vue3.x专题十 ---- vuex使用方法总结（全局状态）
04-04 305
vue3中vuex的使用
博客
vue3.x专题九 ---- 创建vue3项目的两种方式
03-22 290
创建vue3项目的两种方式总结
博客
一：解决ubantu在SSH终端输入命令异常，所有命令都失效的问题
03-21 147
linunx SSH终端输入异常的解决办法
博客
vue2.x专题一 ---- mixins用法
03-19 657
vue2.x mixins语法总结
博客
vue3.x专题八 ---- v-model语法糖，父组件传值子组件，子组件更改父组件值的总结
03-19 359
vue3.x v-model语法糖总结
博客
vue3.x专题七 ---- 组合API-依赖注入总结
03-18 886
vue3.x组合API-依赖注入总结
博客
vue3.x专题六 ---- 组合API-父子通讯的用法
03-18 357
vue3.x 组合API-父子通讯的用法总结
博客
vue3.x专题五 ----组合API-watch函数的四种用法总结
03-17 593
vue3.x 组合API-watch函数的四种用法总结
博客
vue3.x专题四 ---- 组合API-computed函数的两种用法总结
03-17 337
vue3.x组合API-computed函数的两种用法总结
博客
vue3.x专题三 ---- 组合式API---toRef，toRefs函数，转换响应式对象中某个属性或全部属性为单独响应式数据，并且值是关联的
03-17 451
2、toRefs:转换响应式对象中所有属性为单独响应式数据，对象成为普通对象，并且值是关联的,使用场景：剥离响应式对象（解构|展开），想使用响应式对象中的多个或者所有属性做为响应式数据。1、toRef ：转换响应式对象中某个属性为单独响应式数据，并且值是关联的。使用场景：有一个响应式对象数据，但是模版中只需要使用其中一项数据。
博客
vue3.x专题二 ---- 组合式API定义响应式数据 __ reactive,ref函数
03-16 570
vue3.x组合式API定义响应式数据总结
博客
解决vue2使用vue-elementUI中的el-date-picker组件传值不正确
10-08 600
解决vue2使用vue-elementUI中的el-date-picker组件传值不正确
博客
解决vue2表单点击提交按钮，打印数据在控制台，部分数据为空值的问题
09-04 548
解决vue2表单点击提交按钮，打印数据在控制台，部分数据为空值的问题
博客
python中将字符串转换成数字，并且保留两位小数
08-22 1579
在Python中，你可以使用float()函数将字符串转换为数字，并使用字符串格式化来保留小数点后两位

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值