uni-app中—vuex踩坑和解决方案

1.问题

小程序端模板不支持 $store.xxx 写法：如

<view>{{ $store.state.username }} </view>

2.解决方案

通过 computed 计算出新的变量在当前页面使用

computed: {
	...mapState(['username'])
}

注意:如果vuex中的是一个复杂数据类型,例如:

要直接使用mapState导入会出现以下错误:

可以使用深拷贝避免各个页面的数据受到影响如JSON.parse(JSON.stringify(对象名))