mpvue开发小程序遇到的坑

MPVue是一个基于Vue.js开发小程序的框架，这使得同一份代码可以运行于多个平台，提高了开发效率和维护性。但在实际开发中，我们可能会遇到一些坑，下面我就来分享一些我在开发中遇到的问题及解决方法。

1. APP和小程序可以自动切换

MPVue支持开发小程序和APP，但这两个平台的页面和API有很多不同，需要针对不同平台进行编写。在开发时，MPVue会自动根据项目配置文件中的`mp.entry`决定编译生成哪种类型的文件，但是如果在编写过程中不小心修改了配置文件，就可能会导致自动切换了平台，使得代码出现了兼容性问题。

解决方法：在开发过程中，一定要注意当前编译的是哪种类型的文件，同时要时刻保持配置文件的正确性。

2. Store中的方法调用

MPVue中使用Vuex进行状态管理，但在Store中定义的方法只能接受一个参数，如果需要传入多个参数，就需要使用对象来传递参数。而在小程序中，传递对象会自动进行深拷贝，这会导致原始对象被破坏，从而出现一些难以解决的问题。

解决方法：在Store中传递多个参数时，需要将参数封装到一个对象中传递。同时，在调用Store中的方法时，也需要传递一个包含参数的对象，而不能直接传递多个参数。

3. 网络请求中的头部信息

在小程序开发中，网络请求中的头部信息比较敏感，需要进行特殊处理。而在MPVue中，网络请求是通过第三方库Axios实现的，需要对Axios进行一些配置才能正常使用。

解决方法：在配置Axios时，需要将需要传递的头部信息添加到Axios的默认配置中，从而使得所有的网络请求都包含这些头部信息。

4. 调用小程序的API接口

在MPVue中，如果需要调用小程序中的API接口，需要通过`mpvue wx`命令将Vue的实例转换成小程序的实例。但是，在转换之后，Vue的生命周期钩子函数不再起作用，这会导致某些逻辑无法正常执行。

解决方法：在使用`mpvue wx`命令进行实例转换时，需要同时传递一个回调函数，该函数会在转换完成后被调用，此时可以进行一些初始化操作，以保证逻辑的正确性。

以上是我在使用MPVue开发小程序中遇到的一些坑以及解决方法，希望对初学者有所帮助。当然，MPVue还有很多其他的用法和技巧，需要根据实际项目需求灵活运用。