gpt4 book ai didi

javascript - Vue.js 中的一种全局数据结构

转载 作者:搜寻专家 更新时间:2023-10-30 22:13:35 26 4
gpt4 key购买 nike

<分区>

我正在使用 Vue.js 构建单页应用程序。这是一个相对简单的应用程序,更像是一个扩展的、固执己见的电子表格。我正在使用 vue-router 来处理应用程序的不同 View ,一些用于输入新数据,一些用于对数据执行计算但所有数据都是交织在一起的(在 View 中输入的数据#1 用于在 View #2 中输入数据,然后两者都用于在 View #3 中计算某些内容。

这意味着我需要一个全局数据结构。根据我的研究,我发现我有几种选择来处理这个问题:

  • “正确”方式:在组件中发出事件并在父级中处理它们;对于我想要实现的目标来说,这似乎有点过于复杂
  • 通过$parent.$data直接在组件模板中访问父范围
  • 我目前的解决方案,将父数据引用分配给子数据对象

像这样:

const REPORTS = {
template: templates.reports,
data: function(){
return this.$parent.$data
}
};

但是,我的第六感告诉我这不是一个好的做法。

如果我是对的,实现此目标的更好方法是什么:一种是全局数据结构,可从所有组件访问?

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com