微容用的微信小程序平台采用开发思路是前后端分离,前端采用vue.js+h5+jq开发,后端采用MVE的思路,用php开发,用vue.js构建来微信小程序可视化前端之后,微容给大家介绍下vue的来源和特征。MPvue是vue.js框架的一种开发思路,在MPvue在做美团小程序的项目中获得实验和验证,并且在美团点评的小程序的项目中大范围使用,美团为vue.js提供了一套开发组件供微信小程序的开发者使用,由饿了么 UED (知乎专栏)设计的桌面端组件库已经开源,滴滴也开放自己的vue组件库,供开发者使用。国内三大新兴移动端公司为何相继开放组件库,vue.js为何在短短2年内获得了天猫移动端、uc移动端、苏宁易购移动端、滴滴、饿了么、美团移动端的青睐是什么原因。上面三家公司开放的组件库只适合会vue.js代码编程高手使用,普通人员是享受不到这个福利的,微容却将vue.js大众化,让一款高级移动端开发工具,开放出来让会电脑的人都会开发。
Vue.js是2013年由尤雨溪创立的一个前端MVVM框架,其简洁的语法设计、轻量快速的特点深受技术社区的喜爱。在权威的JavaScript趋势榜 stats.js.org上,Vue.js已经蹿升到了总榜的前30位且持续排在日/周/月度榜单的前列,已经成为全球顶级的JavaScript框架。 Vue.js的生态不仅体现在趋势榜上,其配套的数据管理库Vuex、路由管理库Vue-router、打包工具、开发者调试插件和项目脚手架等工具和库也都逐步打造成型,同时拥有非常活跃的开发者社区。
Vue.js的神秘之处,首先我们来挖vue.js的创始人,尤雨溪,尤雨溪是Vue.js框架的作者,HTML5版Clear的打造人。他认为,未来App的趋势是轻量化和细化,能解决问题的应用就是好应用。而在移动互联网时代大的背景下,个人开发者的机遇在门槛低,成本低,跨设备和多平台四个方面。在美中国学生尤雨溪(Evan You)两天打造HTML5版的Clear Clear是一款极具创意的、摆脱了任何形式的按钮的束缚的任务管理应用。
2014年2月,开源了一个前端开发库Vue.js。Vue.js 是构建 Web 界面的 JavaScript 库,是一个通过简洁的API提供高效的数据绑定和灵活的组件系统。
2016年9月3日,在南京的JSConf上,Vue作者尤雨溪正式宣布加盟阿里巴巴Weex团队,尤雨溪称他将以技术顾问的身份加入 Weex 团队来做 Vue 和 Weex 的 JavaScript runtime 整合,目标是让大家能用 Vue 的语法跨三端
鉴于 Vue.js 和小程序一致的工作原理,我们思考将小程序的功能托管给 Vue.js,在正确的时机将数据变更同步到小程序,从而达到开发小程序的目的。这样,我们可以将精力聚焦在 Vue.js 上,参照 Vue.js 编写与之对应的小程序代码,小程序负责视图层展示,所有业务和逻辑收敛到 Vue.js 中,Vue.js 数据变更后同步到小程序,如图 2 所示。如此一来,我们就获得了以 Vue.js 的方式开发小程序的能力。为此,我们设计的方案如下
Vue 代码:
00001. 将小程序页面编写为 Vue.js 实现;
00002. 以 Vue.js 开发规范实现父子组件关联。
小程序代码:
00001. 以小程序开发规范编写视图层模板;
00002. 配置生命周期函数,关联数据更新调用;
00003. 将 Vue.js 数据映射为小程序数据模型。