背景介绍

WeexVue 已经互相支持,这也不是新闻了(如果你觉得是新闻,自行在网上搜相关信息……),Vue.js 也因此具备了开发原生应用的能力。

Vue 官方仓库中包含了适配 Weex 平台的代码,Weex 也引入了 Vue Runtime 并集成进了 SDK 中,第一个支持 Vue 的 WeexSDK 版本是 v0.9.5,后续版本也都将会支持,建议保持更新。

两个框架之所以能互相适配,是因为两个框架在最初设计时就充分考虑到了扩展性,眼光深远!框架合作减少了开发者的学习负担,是个好事情,可喜可贺🎉🎉🎉。

全球首个使用 Weex 和 Vue 开发的原生应用

那就是 weex-hackernews

Vue 官方出了一个 vue-hackernews,是一个完整的使用 Vue 2.0 的例子,并且用到了 Vuex 、 vue-router 和服务端渲染。仿照这个思路,我们也写了一个 weex-hackernews ,不仅用到了 Vue 框架的各种特性,也用到了 Vuex 和 vue-router ,在 Web 、 Android 、 iOS 上都能正常工作,一个完整的三端都有的 App !可以作为一个范例供大家参考。

这个项目实际证明了 Weex + Vue 在 Web 、Android 和 iOS 上都是完全可以运行的,Vuex 和 vue-router 也可以运行在移动端上。我是验证过的,所以我可以有底气地说:Weex + Vue 可以开发原生应用!Weex + Vue 可以开发原生应用!!Weex + Vue 可以开发原生应用!!!

为什么确认是“全球首个”,因为在写这个项目的时候,还没对外发布过支持 Vue 的 WeexSDK,没有使用 Vue 的文档,甚至还没有 Web 端的渲染器(weex-vue-render)。我当时是一边写项目,一边写 Web 渲染器,一边适配 Vue 在 Native 上运行有没有问题,最后才补的文档。。。

我是一个前端,略懂一些 Andorid 和 iOS ,代码质量并不高,如果大家看哪里不顺眼,欢迎给我提 PR ~

阅读官方文档

系列文章目录

因为这跨框架甚至跨端的技术,放在谁那里都不合适,所以官方文档都写得中立一些;这个系列的文章会比官方文档更详细一些,而且会以 weex-hackernews 为实例讲代码,讲细节。

每个人对 Weex 和 Vue 的了解程度不一样,对原生开发和前端开发的了解程度也不一样,所以没有最佳学习顺序,建议【看文档】【看代码】【写例子】交叉循环。

如果觉得我的文章对你有用,请随意赞赏
已赞赏

SeongBrave · 2月14日

您好, 你用的weexsdk 是那个分子呢?

回复

0

默认用 dev。 不过三端开发都在各自分支上迭代的,迭代好了之后会合进 dev 的。

Hanks10100 作者 · 2月17日
沧海一声笑 · 2月15日

请问个问题,用weex-toolkit打包编出来只有一个js文件。那么代码中Navigator需要放问的js该怎么写。移动平台上。

回复

0

生成多个 js 文件…… 配置一下编译脚本

Hanks10100 作者 · 2月17日
boseny · 2月23日

问个问题,在这个项目基础上引入了内建模块在android studio编译时候报错 怎么解决?

回复

Leewen77 · 6月11日

请问一下,Weex 有没有 Push Notifications(GCM与APNS的通知) 的 Plugin 可用?
我以前是写 Cordova,就有如下的外挂可以用:
https://github.com/phonegap-b...
,但 Weex 一直找不到 Push Notifications 的 Plugin。

回复

载入中...
Hanks10100 Hanks10100

790 声望

发布于专栏

Weex

Weex 相关文章。(个人原创,不代表官方)

86 人关注