有个问题，关于toRefs API
来源：3-9 CompositionAPI 中如何使用 VueX
激情的樱木花道
2021-08-18 11:16:50
如果不用toRefs,当点击更改数据时，数据不会及时更改，必须切换到另一个页面再切换回来才能看到效果。
const name=store.state.name;
用toRefs后，点击更改数据能够立马更改，这是什么原因
const {name}=toRefs(store.state);
写回答
1回答
-
同学你好，问题解答如下：
1、store.state.name获取的内容是字符串‘dell’，字符串是简单数据类型，它不具备响应式能力，所以点击后不会实现更改数据。而使用toRefs方法包裹store.state后，会把state中的所有数据都变成响应式的，因此state中的name属性就具备了响应式能力，可以实现更改数据了。
2、点击导航切换页面的时候，会重新执行js代码，也就是setup中会获取当前最新的state数据，所以可以显示‘hello’。
祝学习愉快！
0
相似问题