Vue.observable

Vue.observable

  1. 作用:Vue2轻量跨组件共享方案,创建全局唯一响应式对象,替代简易场景Vuex
  2. 初始化:常定义空数组/对象(适配异步接口),参数必须是对象/数组,非基础类型
  3. 组件1(提供方):创建 const extra = Vue.observable({dataList:[]}) → 接口取数后 extra.dataList = 接口数据 → export { extra }
  4. 组件2(使用方): import { extra } from 组件1路径 ,可通过 as 重命名( extra as shareData )
  5. 数据共享:所有组件操作的是同一对象引用,修改 extra.xxx ,所有使用组件同步更新
  6. 模块化语法:命名导出/导入重命名必须用as,默认导出无需as(此方案用命名导出)
相关推荐
焰火19994 分钟前
[前端]单文件上传组件
前端·vue.js
kyriewen116 分钟前
Next.js部署:从本地跑得欢,到线上飞得稳
开发语言·前端·javascript·科技·react.js·前端框架·ecmascript
慕容卡卡10 分钟前
Claude 使用神器(web页面)--CloudCLI UI
java·开发语言·前端·人工智能·ui·spring cloud
JarvanMo20 分钟前
搞懂这 5 个 AI 术语,你就超过了 90% 的人
前端·后端
IT_陈寒25 分钟前
Vite的HMR怎么突然失效了?原来是我太年轻
前端·人工智能·后端
ZC跨境爬虫31 分钟前
Apple官网复刻第二阶段day_6:(统一页脚模块封装+CSS公共复用体系落地)
前端·css·ui·重构·html
恋猫de小郭33 分钟前
Flutter 凉了没?Flutter 2026 的未来行程和规划,一些有趣的变化
android·前端·flutter
Beginner x_u35 分钟前
前端手动实现大文件分片上传调度层:分片计算、并发上传与断点续传
前端·状态模式·断点续传·大文件分片上传
胖纳特40 分钟前
Nextcloud 文件预览困局与破局:集成 BaseMetas Fileview 实现全格式在线预览
前端·后端
一个心烑40 分钟前
Layui结合springboot读取返回值,前端展示简单示例
前端·spring boot·layui