微信小程序 mpvue ，vuex配置问题,（补充：初步解决微信开发者工具dist目录下不生成wxml文件的Bug）

最新推荐文章于 2024-09-11 09:14:08 发布

Cyansnow

最新推荐文章于 2024-09-11 09:14:08 发布

阅读量4.1k

点赞数

分类专栏： mpvue 文章标签： mpvue vuex mapGetters

本文链接：https://blog.csdn.net/cyansnow/article/details/81869416

版权

在使用mpvue编写微信小程序时，遇到Vuex的mapGetters映射无法识别的问题。通过在每个页面的main.js中配置Vuex并详细解释了原因。此外，还补充了遇到的一个微信开发者工具在dist目录下不生成wxml文件的Bug，提供了一种临时解决方案，即先采用常规写法进行编译，再恢复正常配置。

摘要由CSDN通过智能技术生成

【重点】page对应的main.js配置:

import Vue from 'mpvue';
import Person from './person.vue';
import store from '@/store';

const app = new Vue({
  ...Person,
  store
});
app.$mount();

问题：

第一次用Mpvue编写微信小程序，配置Vuex时发现mapGetters映射无法识别。

参考了网上现有的资料：解决mpvue + vuex开发微信小程序，vuex辅助函数mapState，mapGetters不可用问题

详解：

问题是解决了，但是拥有强迫症的我无法容忍如此“不美丽”的解决方案，经过测试发信是vuex的配置问题：

app.vue的main.js

import Vue from 'mpvue';
import App from './App';
import store from './store';
import api from 'common/js/api';
Vue.config.productionTip = false;
Vue.prototype.$api = api;
App.mpType = 'a