移动互联网开发 + 智能新零售开发平台
注 册
揭密vue.js的神秘之处,小程序跟vue有什么关系
2017-11-20
1375
27

微容用的微信小程序平台采用开发思路是前后端分离,前端采用vue.js+h5+jq开发,后端采用MVE的思路,用php开发,用vue.js构建来微信小程序可视化前端之后,微容给大家介绍下vue的来源和特征。MPvuevue.js框架的一种开发思路,在MPvue在做美团小程序的项目中获得实验和验证,并且在美团点评的小程序的项目中大范围使用,美团为vue.js提供了一套开发组件供微信小程序的开发者使用,由饿了么 UED (知乎专栏)设计的桌面端组件库已经开源滴滴也开放自己的vue组件库,供开发者使用。国内三大新兴移动端公司为何相继开放组件库,vue.js为何在短短2年内获得了天猫移动端、uc移动端、苏宁易购移动端、滴滴、饿了么、美团移动端的青睐是什么原因。上面三家公司开放的组件库只适合会vue.js代码编程高手使用,普通人员是享受不到这个福利的,微容却将vue.js大众化,让一款高级移动端开发工具,开放出来让会电脑的人都会开发。

images/0/2018/05/kF448TPs2hSnpjDtNfJ2hpj8FHfj42.jpg

      Vue.js是2013年由尤雨溪创立的一个前端MVVM框架,其简洁的语法设计、轻量快速的特点深受技术社区的喜爱。在权威的JavaScript趋势榜 stats.js.org上,Vue.js已经蹿升到了总榜的前30位且持续排在日/周/月度榜单的前列,已经成为全球顶级的JavaScript框架。 Vue.js的生态不仅体现在趋势榜上,其配套的数据管理库Vuex、路由管理库Vue-router、打包工具、开发者调试插件和项目脚手架等工具和库也都逐步打造成型,同时拥有非常活跃的开发者社区。

      Vue.js的神秘之处,首先我们来挖vue.js的创始人,尤雨溪,尤雨溪是Vue.js框架的作者,HTML5Clear的打造人。他认为,未来App的趋势是轻量化和细化,能解决问题的应用就是好应用。而在移动互联网时代大的背景下,个人开发者的机遇在门槛低,成本低,跨设备和多平台四个方面。在美中国学生尤雨溪(Evan You)两天打造HTML5版的Clear Clear是一款极具创意的、摆脱了任何形式的按钮的束缚的任务管理应用。

       20142月,开源了一个前端开发库Vue.jsVue.js 是构建 Web 界面的 JavaScript 库,是一个通过简洁的API提供高效的数据绑定和灵活的组件系统。 

201693日,在南京的JSConf上,Vue作者尤雨溪正式宣布加盟阿里巴巴Weex团队,尤雨溪称他将以技术顾问的身份加入 Weex 团队来做 Vue Weex JavaScript runtime 整合,目标是让大家能用 Vue 的语法跨三端

images/0/2018/05/w3BG34P83bN2XTLTeJjJenJ4NeI34q.png

鉴于 Vue.js 和小程序一致的工作原理,我们思考将小程序的功能托管给 Vue.js,在正确的时机将数据变更同步到小程序,从而达到开发小程序的目的。这样,我们可以将精力聚焦在 Vue.js 上,参照 Vue.js 编写与之对应的小程序代码,小程序负责视图层展示,所有业务和逻辑收敛到 Vue.js 中,Vue.js 数据变更后同步到小程序,如图 2 所示。如此一来,我们就获得了以 Vue.js 的方式开发小程序的能力。为此,我们设计的方案如下

images/0/2018/05/LF8988zJ4JFgxIOp588Qc8FIigt6xQ.png

Vue 代码:

00001. 将小程序页面编写为 Vue.js 实现;

00002.  Vue.js 开发规范实现父子组件关联。

 小程序代码:

00001. 以小程序开发规范编写视图层模板;

00002. 配置生命周期函数,关联数据更新调用;

00003.  Vue.js 数据映射为小程序数据模型。


27
分享到:
Hello ,有什么要对我说的吗
新需求
已有功能建议
脑洞
内容类问题、系统bug、数据错误等请移步到意见反馈
不少于50字
X