51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

vue父组件值更新子组件没更新
因为父组件和子组件的数据单向绑定关系，子组件中的数据并不是从父组件中获取的而是通过props传递的。因此只更新父组件的数据不会自动更新子组件中的数据。需要在子组件中通过watch监听num的变化，将最新的值传递给变量，从而更新展示。点击清空button会把num重新赋值，自动触发watch监听函数，并将最新的值传递给子组件，从而实现了双向绑定的效果<template> <div
数据
值传递
双向绑定
组件
更新
原创
wx62b2f69968ca7
2023-09-20 19:59:03
4948阅读

vue vfor列表 不更新 vue数据不更新
vue项目中数据更新页面未更新的最强解决 文章目录vue项目中数据更新页面未更新的最强解决前言一、在异步更新执行之前操作 DOM 数据不会变化(常见)拓展剖析：二、Vue 无法检测对象 property 的添加或移除(常见)三、拓展：路由参数变化时，页面不更新（数据不更新）（常见）四、Vue 无法检测实例被创建时不存在于 data 中的 property五、 Vue 不能检测通过数组索引直接修改一
vue vfor列表 不更新
vue
vue.js
Vue
数组
转载
数据科学家
2024-04-23 16:51:29
973阅读

vue父子组件（更新中）
1.父向子传值props 父组件：<child :inputName="name"> 子组件： （1）props: { inputName: String, required: true } （2）props: ["inputName"] 2.子组件向父组件传值$emit 子组件: <span>{{ ...
属性值
数据
数组
事件对象
文件列表
转载
mob604756e605af
2021-08-04 14:15:00
785阅读
2评论

vue3 vite 列表展示demo vue实现列表组件
一、数据的简单展示1.首先先确定要展示的表格列名以及拿到所需要展示的数组数据2.然后建立一个专门放el-table遍历的文件3.在父组件中将数据列表数据存放在listData里面，然后传给子组件，子组件定义一个动态的列，通过遍历propList得到列名，然后也动态匹配prop,这样prop的值会去和listData进行匹配展示数据，这里加了一个默认插槽，由于有时候需要对某列的数据进行特殊的操作，这
vue3 vite 列表展示demo
vue.js
前端
javascript
插槽
转载
mob64ca140f9cec
2024-03-24 10:54:23
780阅读

防止vue组件渲染不更新
1、key <el-dialog title="" :visible.sync="dialogVisible" @close="dialogClose"> <iframe :src="detailsHref" frameborder="0" width="100%" height="600px" :
防止
vue组件
不更新
转载
mb5fe948249bc3d
2018-06-04 21:05:00
868阅读
2评论

vue递归组件如何更新数据
在Vue中使用递归组件可以方便地处理具有递归结构的数据，比如树形结构。当递归组件需要更新数据时，可以通过`props`传递数据到子组件，并在子组件中使用`$emit`触发事件来更新父组件的数据。本文将介绍如何在Vue中实现递归组件更新数据的方法。 ### 步骤概述 下面是更新Vue递归组件数据的步骤概述： | 步骤 | 描述 | | ---- | ---- | | 1 | 创建父组件和子组件
数据
更新数据
递归
原创
mob64e737fed71c
2024-05-22 10:22:08
157阅读

vue 组件传参与接受并更新组件内容
同一个组件，接收不同参数，得到不同结果，但是打开一次后，再次打开，地址是变化的，
缓存
原创
山阳糊涂
2022-07-06 11:30:31
60阅读

element vue 音频播放列表组件
不满意之前的页面结构，所以我重构了一下，以home.vue作为父级组件，recommend组件、singer组件、rank组件和search组件作为子路由自建都归类到tab组件中。player.vue 组件，放置在home.vue组件下，这个组件一直存在，不过由于v-show="isShow"的关系，vuex中的playList没有数据，所以隐藏掉了，然后根据fullScreen数据，来判断是展示
ico
数据
进度条
转载
AI智行者
2024-10-04 13:47:40
216阅读

重学Vue【组件更新和diff算法】
重学Vue源码，根据黄轶大佬的vue技术揭秘，逐个过一遍，巩固一下vue源码知识点，毕竟嚼碎了才是自己的，所有文章都同步在 公众号(道道里的前端栈) 和 github 上。 在前面分析过了Vue的组件的创建过程，并没有说到当组件数据发生变化会发生什么以及如何更新组件，本篇过一下…
Vue.js
占位符
钩子函数
自增
原创
道道里_
2022-04-26 14:52:33
241阅读

vue 组件 更新新element校验状态
 本版本是对于vue2.x的总结，未来等学习了vue3，再完善对比一波！然后就是说，我们这里主要介绍原理部分，所谓二八原则，我们一切都从最重要的说起吧！一切从这张图开始 让我们一步步看吧！ 一、初始化 在 new Vue() 之后。 Vue 会调用 _init 函数进行初始化，也就是这里的 init&nbsp
Vue
响应式
初始化
转载
jack
4月前
39阅读

Vue是如何触发组件更新的？
Vue是数据驱动的一个视图框架，所谓数据驱动就是DOM是通过数据来映射的，只有在数据改变的情况下视图才会发生改变。正常情
前端开发
JavaScript
Vue
数据
响应式
原创
已注销
2023-03-23 01:19:52
227阅读

vue 数据层级太深，组件不更新
vue 在渲染组件时，如果数据结构太深。再动态修改数据时，组件并不会更新。使用this.$forceUpdate() ` this.$forceUpdate() ` ...
数据
数据结构
其他
转载
mob604756fea1c5
2021-08-27 15:19:00
3400阅读
2评论

vue3.0 子组件更新父组件的数据
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>lesson 18
html
传递数据
数据 i
转载
mb5fe94b3e552d9
2021-01-27 17:32:00
1305阅读
2评论

VUE框架CLI组件化动态列表实现------VUE框架
VUE框架CLI组件化动态列表实现------VUE框架
3c
App
f5
原创
旧约Alatus
2023-12-20 11:01:48
63阅读
1点赞

vue3 虚拟化表格组件 虚拟列表 vue
在经过初始化阶段之后，即将开始组件的挂载，在挂载之前有必要了解下虚拟Dom 的概念。我们知道vue@2.0 开始引入了虚拟dom， 主要解决的问题是， 大部分情况下可以降低使用Javascript 去操作跨线程的庞大dom所需要的昂贵性能，让dom 操作的性能更高效； 以及虚拟Dom可以用于SSR以及跨端使用。 虚拟Dom, 顾明思议并不是真实的Dom, 而是使用javascript 的对象来对真
vue3 虚拟化表格组件
Vue
元素节点
初始化
转载
bigrobin
2023-12-29 19:45:02
118阅读

vue3虚拟化表格组件 虚拟列表 vue
vue虚拟列表-vue-virtual-scroll-list vue虚拟列表-vue-virtual-scroll-listvue虚拟列表-vue-virtual-scroll-list使用场景安装使用 使用场景因为公司做了类似于百度网盘的竞品，所以用户如果上传了很多的文件，就会造成页面DOM元素的过多，然后因为需要操作DOM元素，所以页面会变得很卡。所以用虚拟列表来解决。安装安装的话这个插件有
vue3虚拟化表格组件
vue
js
前端
使用场景
转载
mob64ca14101b2f
2024-01-12 06:41:40
1391阅读

41. Vue组件案例-评论列表
需求为了更好看看父子组件之间的传值，本章来一个评论列表的小案例。编写这个案例步骤大致如下：编写一个基本的样式
Vue开发
Vue教程
原创
海洋的渔夫
2021-06-18 13:11:21
642阅读

43. Vue组件案例-评论列表
需求为了更好看看父子组件之间的传值，本章来一个评论列表的小案例。编写这个案例步骤大致如下：编写一个基本的样式页面，页面内容有两部分：提交评论信息表单、展示评论信息的列表那么提交评论信息表单可以写为一个子组件，而评论信息列表为父组件给提交评论信息表单将子组件的评论内容传递到父组件评论信息列表同时，需要写一个存储以及刷新评论信息列表的方法，在子组件提交评论信息之后，子组件还要调用父组件...
python
java
vue
html
javascript
原创
海洋的渔夫
2022-07-02 00:21:05
420阅读
1评论

vue 组件响应式更新原理 All In One
vue 组件响应式更新原理 All In One
vue
splice
Object.assign
Array
响应式
转载
mb5ff2f2ed7d163
2021-05-27 11:19:00
92阅读

Vue组件的渲染更新原理解析
本版本是对于vue2.x的总结，未来等学习了vue3，再完善对比一波！然后就是说，我们这里主要介绍原理部分，所谓二八原则，我们一切都从最重要的说起
vue.js
javascript
响应式
初始化
字符串
转载
wx60d4764eb475e
2021-09-07 09:34:01
609阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

Vue组件的渲染更新原理解析

vue强制刷新组件更新数据的方式

vue3 definemodel 父组件数据更新后子组件没同步更新

vue列表索引 vue 列表

ListView 基础列表组件、水平 列表组件、图标组件

vue组件template VUE组件遍历

vue functional组件 vue组件使用

Vue slot 插槽用法：自定义列表组件

32Vue - 列表渲染（组件 和 v-for）

Vue.js 多选列表（Multi-Select）组件

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯