微信⼩程序 wepy vs mpvue

问题

微信⼩程序 wepy vs mpvue

答案

数据流管理

相⽐传统的⼩程序框架，这个⼀直是我们作为资深开发者⽐较期望去解决的， 在 Web 开发中，随着 Flux 、 Redu x、 Vuex 等多个数据流⼯具出现， 我们也期望在业务复杂的⼩程序中使⽤

• WePY 默认⽀持 Redux ，在脚⼿架⽣成项⽬的时候可以内置
• Mpvue 作为 Vue 的移植版本，当然⽀持 Vuex ，同样在脚⼿架⽣成项⽬的时候可以内置

组件化

• WePY 类似 Vue 实现了单⽂件组件，最⼤的差别是⽂件后缀 .wpy ，只是写法上会有差异

export default class Index extends wepy.page {}

• Mpvue 作为 Vue 的移植版本，⽀持单⽂件组件， template 、 script 和 style都在⼀个 .vue ⽂件中，和 vue 的写法类似，所以对 Vue 开发熟悉的同学会⽐较适应

⼯程化

所有的⼩程序开发依赖官⽅提供的开发者⼯具。开发者⼯具简单直观，对调试 ⼩程序很有帮助，现在也⽀持腾讯云（⽬前我们还没有使⽤，但是对新的⼀些 开发者还是有帮助的），可以申请测试报告查看⼩程序在真实的移动设备上运 ⾏性能和运⾏效果，但是它本身没有类似前端⼯程化中的概念和⼯具

• wepy 内置了构建，通过 wepy init 命令初始化项⽬，⼤致流程如下：
  • wepy-cli 会判断模版是在远程仓库还是在本地，如果在本地则会⽴即跳到第 3 步，反之继续进⾏。
  • 会从远程仓库下载模版，并保存到本地。
  • 询问开发者 Project name 等问题，依据开发者的回答，创建项⽬
• mpvue 沿⽤了 vue 中推崇的 webpack 作为构建⼯具，但同时提供了⼀些⾃⼰的插件以及配置⽂件的⼀些修改，⽐如
  • 不再需要 html-webpack-plugin
  • 基于 webpack-dev-middleware 修改成 webpack-dev-middleware-hard-disk
  • 最⼤的变化是基于 webpack-loader 修改成 mpvue-loader
  • 但是配置⽅式还是类似，分环境配置⽂件，最终都会编译成⼩程序⽀持的⽬录结构和⽂件后缀

更多面试题

如果你想了解更多的前端面试题，可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题，也有一些大公司的面试图，可以让你面试更加顺利。

这些题库还在更新中，如果你有不错的面试题库欢迎分享给我，我整理后放上来；人人为我，我为人人，互帮互助，共同提高，祝大家都拿到心仪的Offer！