vue export default 的this的问题

Question

一开始indexs的值是‘test’,在点击调用方法之后indexs中的值已经显示修改成了‘123’,但是界面显示依旧是图二所示,没有改变值,这是为什么？应该如何修改？

通过Main.methods调用的方法，所以我方法里的this是指methods这个Object。
应该如何修改代码达到修改indexs指界面值也发生相应改变

这是我目前调用方法后的this,this[type]显示undefined

Answer 1

好奇怪的写法。

你这么写获取的是 Vue 初始化前的对象，当然不能响应了。

直接this[type]=123。

Answer 2

this.$set(type, "123")