将公共数据挂在 Vue 原型上（简单、适合 CDN）

张开发
• 2026/4/6 5:11:36 • 15 分钟阅读

最新文章

推荐文章

相关文章

分享文章

将公共数据挂在 Vue 原型上（简单、适合 CDN）
在common.js里获取共同的数据后统一挂载到vue原型上不用每个页面都调用Vue.observable 让对象变成响应式一处修改所有用到的地方自动更新。无需混入 data避免了数据副本问题。Vue.observable([]) 的作用是将一个普通对象或数组转化为响应式对象。Vue.observable({ name: ‘’, age: 0 }) 括号里面的就是初始值// 在 common.js 中new Vue 之前conststore{paylist:Vue.observable([]),// 创建响应式对象memberlevel:Vue.observable({name:,age:0}),// ... 其他数据};// 挂载到 Vue 原型所有组件通过 this.$store.xxx 访问Vue.prototype.$storestore;// 在根组件中更新数据getindexdatas(){$.ajax({success:(res){this.$store.paylistres.data.paylist;// 更新共享数据}})}// 在任何组件中读取console.log(this.$store.paylist);或者直接写变量不用中间的$store 变量// 在 common.js 中new Vue 之前// 挂载到 Vue 原型所有组件通过 this.$store.xxx 访问Vue.prototype.paylistVue.observable([])// 创建响应式对象Vue.prototype.memberlevelVue.observable({name:,age:0})// 创建响应式对象// ... 其他数据// 在根组件中更新数据getindexdatas(){$.ajax({success:(res){this.paylistres.data.paylist;// 更新共享数据}})}// 在任何组件中读取console.log(this.paylist);免费在线工具网站 https://mantools.top

更多文章