nvue页面无法使用vuex共享数据,vue页面正常
重现步骤
[步骤]
使用 https://ask.dcloud.net.cn/article/35021
提供的全局变量引入方法,下载vuex.zip
使用hbuilderx导入工程
新建nvue页面,使用vuex
<template>
<div>
<text>{{login}}</text>
</div>
</template>
<script>
import {
mapState,
mapMutations
} from 'vuex';
export default {
computed: {
...mapState(['avatarUrl', 'login', 'userName'])
},
}
</script>
<style>
</style>
启动项目,进入首页,页面无法显示绑定的数据,控制台报错
52:38.150 14412 14432 I console : TypeError: undefined is not an object (evaluating 'this.$store.state')__ERROR
[结果]
[期望]
页面可以正常显示绑定数据
IDE运行环境说明
HBuilderX
[IDE版本号]
1.4
[windows版本号]
windows 10
App运行环境说明
[Android版本号]
8.1
[手机型号]
[模拟器型号]
附件
[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]
[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]
[安装包]
联系方式
[QQ]981673999