深入了解vue2与vue3的生命周期对比
作者：新时代农民工Top 发布时间：2024-05-11 09:14:32
标签：vue,生命周期
目录
周期对比
用法
总结
周期对比
| vue2 | vue3 |
|---|---|
| beforeCreate | setup |
| created | setup |
| beforeMount | onBeforeMount |
| mounted | onMounted |
| beforeUpdate | onBeforeUpdate |
| updated | onUpdated |
| activeted | onActiveted |
| deactiveted | onDeactiveted |
| beforeDestory | onBeforeUnmount |
| destoryed | onUnmounted |
用法
vue2 中的生命周期与 data / methods 同级别以函数方式使用，比如 created() {}
data() {
return {}
},
created() {
...
}
vue3 中的生命周期 setup 在最外层，不需要按需加载，其他的生命周期得按需加载才能使用
import { omMounted } from 'vue'
setup() {
onMounted(() => { ... })
}
总结
本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注asp之家的更多内容!
来源：https://blog.csdn.net/web00_11/article/details/121968683
0
投稿猜你喜欢
- binlog介绍binlog,即二进制日志,它记录了数据库上的所有改变.改变数据库的SQL语句执行结束时,将在binlog的末尾写入一条记录
- 方法一：f = open("foo.txt") &
用python另一个抢票神器，你get到了吗？2017年时间飞逝，转眼间距离2018年春节还有不到1个月的时间，还在为抢不到火车票发愁吗？作- 不过，如果您需要查找文档中的一个特定的元素，最有效的方法是 getElementById()。 不过要注意的是使用getElementByI
- 这样就将你所有微信好友的信息都返回了，我们并不需要这么多的信息，我们选取一些信息存储到 csv 文件中注意：返回的信息是一个 list，其中
- items()方法返回字典的(键，值)元组对的列表语法以下是items()方法的语法：dict.items()参数 &
- 开发个人博客时往往避免不了分页功能的实现，实现方法大体上分为函数和类两种。本文基于类实现分页功能，以下是详细代码：class Page: p
- 这是一个自动化程度较高的程序，运行本程序后会从chrome中读取cookies用于登录人人影视签到，并且会自动添加一个windows 任务计
- 前言具有名字的插槽slot使用 中的 "name" 属性绑定元素注意：1，如果没有匹配到 则放到匿名的插槽中2，具名插槽
- 如下所示：result = os.popen('ps aux') res = result.read()
- 对于DBA来说，丢失超管用户root的密码是致命的，可以通过添加--ship-grant-tables参数来跳过权限表。1、忘记root密码
- 本文实例为大家分享了python实现飞机大战的具体代码，供大家参考，具体内容如下引用了小甲鱼的框架，往上面添加了一些新功能1、我方飞机模块i
- redis无法访问本机真实ip地址1.我在进行用jedis来连接redis时出现了问题:我用Jedis jedis = new Jedis(
- 许多人利用Session变量来开发ASP（Active Server Pages）。这些变量与任何编程语言中通用的变量非常相似，并且具有和通
- 本文实例讲述了python函数局部变量用法。分享给大家供大家参考。具体分析如下：当你在函数定义内声明变量的时候，它们与函数外具有相同名称的其
- 标题比较麻烦，都有些叙述不清；昨天下午在调试接口框架的时候，遇到了一个问题是这样的：使用python 写了一个函数，return 了两个返回
- 先来看看效果： Html源码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr
- Python字符串处理学习中，有一道简单但很经典的题目，按照单词对字符串进行反转，并对原始空格进行保留： 如：‘ I love China!
- yaml简单介绍YAML是一种标记语言，它使用空白符号缩进和大量依赖外观的特色，特别适合用来表达或编辑数据结构、各种配置文件、倾印调试内容、
- 使用的类库pip install openpyxl操作实现•工作簿操作# coding: utf-8from openpyxl import
