请教一个关于数据转换的问题

[C966890tkz]

我使用 Vue.component() 创建了一个组件 ，组件 data 里 有两个json数据 D,F 。

其中D是通过Ajax请求获取的，由于返回的是字符串，我使用 JSON.parse() 转成了 json ,

另一个F则直接this.F = { "A" : "123", "B" : "456" } 传值，

但当我在template中读取json中的数据时,

使用ajax获取的json数据无法读取，但直接赋值的F数据却能正常获取

这可能是一个简单的数据转换问题，但我查找了许多资料却还是没法解决问题🙏🙏🙏🙏🙏🙏🙏🙏🙏

[edison1105]

你这是Vue2的吧，（Vue3没有这个问题）。 D丢失了响应式。
试了一下 https://codesandbox.io/s/interesting-morning-8fd8h6?file=/src/App.vue 没有问题呀。
能提供一个可以复现的demo吗？

[C966890tkz]

非常感谢您对该问答的关注

这是代码
https://raw.githubusercontent.com/C966890tkz/jd_get_cookie/main/test.js

我现在添加了一个E,通过JSON.parse传值，在浏览器中显示成功

[C966890tkz]

当我尝试使用console.log() 输出时显示如上
D 值 貌似丢失了响应式

[C966890tkz]

解决方案

使用axios.js