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(此方案用命名导出)
相关推荐
2501_944525545 小时前
Flutter for OpenHarmony 个人理财管理App实战 - 预算详情页面
android·开发语言·前端·javascript·flutter·ecmascript
打小就很皮...5 小时前
《在 React/Vue 项目中引入 Supademo 实现交互式新手指引》
前端·supademo·新手指引
C澒5 小时前
系统初始化成功率下降排查实践
前端·安全·运维开发
摘星编程5 小时前
React Native + OpenHarmony:自定义useFormik表单处理
javascript·react native·react.js
C澒5 小时前
面单打印服务的监控检查事项
前端·后端·安全·运维开发·交通物流
pas1365 小时前
39-mini-vue 实现解析 text 功能
前端·javascript·vue.js
qq_532453536 小时前
使用 GaussianSplats3D 在 Vue 3 中构建交互式 3D 高斯点云查看器
前端·vue.js·3d
Swift社区6 小时前
Flutter 路由系统,对比 RN / Web / iOS 有什么本质不同?
前端·flutter·ios
2601_949833396 小时前
flutter_for_openharmony口腔护理app实战+我的实现
开发语言·javascript·flutter
雾眠气泡水@6 小时前
前端:解决同一张图片由于页面大小不统一导致图片模糊
前端