ES 模块一次性导入;组件数据有良好的封装。成熟的组件机制,对工程化开发至关重要。
多端复用:常见的业务场景有两类,通过已有 H5
产品改造为小程序应用或反之。从效率角度出发,开发者希望通过复用代码完成开发,但小程序开发框架却无法做到。我们尝试过通过静态代码分析将 H5
代码转换为小程序,但只做了视图层转换,无法带来更多收益。多端代码复用需要更成熟的解决方案。
引入 Vue.js:小程序开发方式与 H5 近似,因此我们考虑和 H5 做代码复用。沿袭团队技术栈选型,我们将 Vue.js 确定为小程序开发规范。使用 Vue.js 开发小程序,将直接带来如下开发效率提升:
H5 代码可以通过最小修改复用到小程序
使用 Vue.js 组件机制开发小程序,可实现小程序和 H5 组件复用
技术栈统一后小程序学习成本降低,开发者从 H5 转换到小程序不需要更多学习
Vue.js 代码可以让所有前端直接参与开发维护
为什么是 Vue.js?这取决于团队技术栈选型,引入新的选型与统一技术栈和提高开发效率相悖,有违开发工具服务业务的初衷。
mpvue 的演进
mpvue的形成,来源于业务场景和需求,最终方案的确定,经历了三个阶段。
第一阶段:我们实现了一个视图层代码转换工具,旨在提高代码首次开发效率。通过将H5视图层代码转换为小程序代码,包括 HTML 标签映射、Vue.js 模板和样式转换,在此目标代码上进行二次开发。我们做到了有限的代码复用,但组件化开发和小程序学习成本并未得到有效改善。
第二阶段:我们着眼于完善代码组件化机制。参照 Vue.js
组件规范设计了代码组织形式,通过代码转换工具将代码解析为小程序。转换工具主要解决组件间数据同步、生命周期关联和命名空间问题。最终我们实现了一个
Vue.js 语法子集,但想要实现更多特性或跟随 Vue.js 版本迭代,工作量变得难以估计,有永无止境之感。
第三阶段:我们的目标是实现对 Vue.js 语法全集的支持,达到使用 Vue.js
开发小程序的目的。并通过引入 Vue.js runtime 实现了对 Vue.js 语法的支持,从而避免了人肉语法适配。至此,我们完成了使用
Vue.js 开发小程序的目的。较好地实现了技术栈统一、组件化开发、多端代码复用、降低学习成本和提高开发效率的目标。
相关免费学习推荐:javascript(视频),微信小程序开发教程
以上就是微信小程序能不能用vue.js的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
微信小程序表单组件 picker-view(嵌入页面的滚动选择器)
更多相关阅读请进入《微信小程序》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者