AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

Vue3基础(22)___vue3中使用$forceUpdate

2024-09-24 6
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 本文介绍了在Vue 3中如何使用`$forceUpdate`来强制更新组件，通过`getCurrentInstance`方法获取到组件实例后调用。

在vue2中直接

this.$forceUpdate()

在vue3中直接

import { getCurrentInstance } from "vue";
setup(){
//解构赋值 设置别名that  也可不写  :that  直接ctx
//ctx 得到普通对象
//proxy得到响应式对象
// 推荐使用proxy
      let {ctx:that, proxy} = getCurrentInstance()
    that.$forceUpdate()
}
文章标签：
JavaScript
六卿
目录
相关文章
.昭阳.
|
JavaScript API UED
vue3（二）
vue3（二）
.昭阳.
88 0
。思索
|
1月前
|
JavaScript
Vue——initRender【八】
Vue——initRender【八】
。思索
27 1
Goodluck-dys
|
4月前
|
JavaScript 前端开发 开发者
new Vue() 发生了什么
new Vue() 发生了什么
Goodluck-dys
31 1
那维莱特
|
3月前
|
JavaScript 前端开发 API
什么是vue
什么是vue
那维莱特
43 4
fruge365
|
4月前
|
JavaScript
【vue】 vue2 实现飘窗效果
【vue】 vue2 实现飘窗效果
fruge365
91 1
萝卜头不吃萝卜头
|
存储 JavaScript 前端开发
Vue是什么，它的特点是什么。
Vue是什么： 一套用于构建用户界面的渐进式JavaScript框架。 构建用户界面：通过你的数据来构建界面。 渐进式：Vue可以自底向上逐层的应用。 简单应用：只需一个轻量小巧的核心库。 复杂应用：可以引入各式各样的Vue插件。
萝卜头不吃萝卜头
121 0
成熟-Husband
|
4月前
|
JavaScript IDE 编译器
1vue的相关问题
1vue的相关问题
成熟-Husband
35 0
破浪前进
|
4月前
|
JavaScript 前端开发 开发工具
使用new Vue()的时候发生了什么？
使用new Vue()的时候发生了什么？
破浪前进
55 0
子玉欸
|
10月前
|
JavaScript 前端开发 API
vue3介绍
vue3介绍
子玉欸
302 0
itpeilibo
|
11月前
|
JavaScript 前端开发 算法
Vue3详细讲解
Vue3详细讲解
itpeilibo
76 0