如何实现Vue全局数据管理示例的详细操作与优化？

本文共计1485个文字，预计阅读时间需要6分钟。

目录+账户页面标签页新增+将API封装到window+使用computed计算属性+账户页面标签页新增+账户页面和标签页都可以新增标签。可能存在一个bug。在标签页新增标签后，在账户页面显示。

目录

• 记账页面标签页面新增
• 将API封装到window
• 用computed计算属性

记账页面标签页面新增

记账页面和标签页面都可以新增标签。可是现在有一个bug。在标签页面新增标签之后，在记账页面不会自动同步，要刷新一下才能同步。

这是因为这两个页面的数据tagList都是分别从tagListModel里fetch的。所以就导致了数据不同步。

解决方案：在更高一层的地方统一去tagListModel里fetch一次，把取出来的设成一个全局的属性，然后分别在两个页面直接使用。

我们选择在main.ts入口文件里声明这个全局属性：

window.tagList=tagListModel.fetch()

可是这样会报错，说window里没有这样一个属性。

那么我们就只能在custom.d.ts里自定义声明window里有这样一个属性。