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(此方案用命名导出)
相关推荐
我是苏苏7 分钟前
Web开发:使用MediatR包实现中介者模式,避免组件之间直接通信
前端·中介者模式
Highcharts.js9 分钟前
数据可视化不仅属于金融、互联网|农业数据可视化设计:Farmable与Highcharts的前端设计
前端·信息可视化·数据可视化·highcharts·农业可视化
JuneXcy10 分钟前
node(2)
开发语言·前端·javascript·http·node.js
A923A11 分钟前
【Vue3大事件 | 项目笔记】第四天
前端·vue.js·笔记·前端项目
木斯佳15 分钟前
前端八股文面经大全:拓竹科技前端一面(2026-03-15)·面经深度解析
前端·css·面试·vue
white-persist16 分钟前
【Js逆向 python】Web JS 逆向全体系详细解释
运维·服务器·前端·javascript·网络·python·sql
一拳不是超人19 分钟前
龙虾🦞(OpenClaw) 本地部署体验:是真变革还是旧酒装新瓶?
前端·人工智能·程序员
buhuimaren_26 分钟前
系统安全及运用
前端·chrome
littlegirll29 分钟前
一个KADB报错分析及实验
java·javascript·数据库
什么问题29 分钟前
记一次 VisionPro +PlayMaker 项目修正
开发语言·前端·javascript