Vue: “vue-native”有什么计划吗?

创建于 2016-01-06  ·  67评论  ·  资料来源: vuejs/vue

嗨@yyx990803
感谢您的出色工作。到目前为止,我很喜欢 Vue。
这个问题就在我的脑海中,有什么办法或者你有计划将 Vue 连接到 React-Native 吗?

再次感谢

最有用的评论

原生桥的范围非常复杂,我不太可能单独处理它。 我知道的最接近的事情是阿里巴巴(中国的亚马逊)正在开发一个名为 Weex 的项目,该项目使用 Vue 的组件语法来渲染原生组件。 它还不是开源的,但他们计划在今年晚些时候这样做。

所有67条评论

原生桥的范围非常复杂,我不太可能单独处理它。 我知道的最接近的事情是阿里巴巴(中国的亚马逊)正在开发一个名为 Weex 的项目,该项目使用 Vue 的组件语法来渲染原生组件。 它还不是开源的,但他们计划在今年晚些时候这样做。

做这样的桥有什么好处?

斯科特

@smolinari原生性能,这是唯一的优势;)

我可以理解 Vue-Native。 那将是非常酷的,听起来 Weex 可能就是那种项目。

无论如何,您可能会这样做,但无论如何我都会问。 :smile: 当 Weex 开源的时候,你能在任何地方宣布它吗? 或者有什么方法可以让我自己跟踪项目的状态?

斯科特

一个名为 Weex 的项目,它使用 Vue 的组件语法来渲染原生组件

只有 Vue 语法没有 Vue? 或者他们实际上是在 Vue 工作的? 我的意思是,他们是使用 Vue 源代码还是只是模仿语法?

@YerkoPalma目前还不是完整的 Vue,但他们确实使用了 Vue 源代码的一部分。 我们正在谈论未来的合作。

太棒了,拥有 Vue 原生只是时间问题:+1:

以及宣布或自我跟踪?

斯科特

@smolinari我一定会在

极好的! 谢谢。

斯科特

谢谢埃文..这是个好消息,希望很快就会发生:)
2016 年 1 月 7 日凌晨 2:38,“Evan You” [email protected]写道:

原生桥的范围非常复杂,我不太可能从事
它一个人。 我知道的最接近的事情是阿里巴巴(中国的亚马逊)是
正在开发一个名为 Weex 的项目,该项目使用 Vue 的组件语法进行渲染
到原生组件。 它还不是开源的,但他们计划稍后再做
今年。


直接回复此邮件或在 GitHub 上查看
https://github.com/vuejs/vue/issues/2119#issuecomment -169361322。

如果这种情况继续下去会很高兴。 收紧范围:拥有路由到 vue 的本机抽屉菜单特别有用,并且可能在真正需要性能时在 vue 之上集成本机视图。 vue 在移动端的表现已经很不错了。

我尝试了 react-native,发现它有点矫枉过正。

@eljefedelrodeodeodeljefe Weex来了……

@qusiba thx 链接👍

@qusiba - 我注册了,但什么也没发生。 需要等待多长时间才能获得访问权限?

斯科特

@smolinari感谢签名,我是团队的一员。 我们将很快邀请大家获得私人 github 许可。

@Jinjiang - 你能更好地定义“很快”吗? 我们谈论的是几天、几周还是几个月? :微笑:

斯科特

@Jinjiang我只订阅了邮件列表,我也可以访问吗? :微笑:

@Jinjiang me too please :)

@smolinari仅仅几天

@Jinjiang

@jpokrzyk - 您只需注册时事通讯即可。

http://alibaba.github.io/weex/#subscriptionWeex

斯科特

完成@jpokrzyk @smolinari

@Jinjiang - 那么阿里巴巴的绅士们有没有用 Vue 2.0 帮助 Evan? 那是一些非常酷的东西! :微笑:

编辑:查看文档。 非常酷! Weex 发布后也会开源吗? 请,请,请说是! :微笑:

斯科特

Weex 可能会在 6 月底上市。 继续看:-)

@Jinjiang - 我假设公开也意味着开源,我对此表示赞赏。 :拍手: :微笑:

斯科特

@Jinjiang只是一个愚蠢的问题.. 你为什么不在http://alibaba.github.io/weex/的标题副本上加上“Native”
比如,“一个构建Native Mobile 跨平台 UI 的框架”

谢谢,
渡船

另外,我在任何地方都找不到 Vue 这个词。 我做的第一件事是在打开您的页面时搜索单词 _Vue_。 我想也许你不在那里使用 Vue.js 源代码,只是样式,但是在 Evan 在 Vue.js 2.0 上的帖子之后,我认为 Weex 应该在他们的页面上给 Vue 一些功劳。

查看代码示例。 它广泛使用 Vue。 :微笑:

斯科特

是的,Vue 2.0 甚至还有一个分支。 但我认为他说的是 Weex 站点,没有提到 Vue,但我认为那个站点确实是临时性的,当 Weex 发布时会发生巨大的变化。 我希望它包含一些 Vue.js 参考。

这个回购完全相关吗?

这是 Weex 的正确仓库。

https://github.com/alibaba/weex

斯科特

是的,但我很确定 Vue 驱动的 Weex 工作似乎发生在我提到的 repo 中。

好东西! 最后是 React Native 或 Ionic 的替代品。 这对 Vue.js 社区来说意义重大

我还想提请注意 Quasar Framework。 有人已经提到他们已经使用这个框架创建了 iOS 和 Android 应用程序。 正如我们所说,他们也在移植到 Vue 2.0。 它不是一个纯粹的原生桥,但框架还是相当不错的。

http://quasar-framework.org/

斯科特

Vue.js 的温泉 UI
https://onsen.io/vue/

但它不像 React Native。

如果 NativeScript 支持 Vue,那就太好了。
我在 NativeScript 创意网站上添加了对 Vue 支持的投票。

在 NativeScript 中寻找称为

除了@mg1075所说的之外,还有一个关于此的 github 问题:NativeScript/NativeScript#2437 其中@valentinstoychev说以下内容:

我想鼓励熟悉 Vue.js 内部原理的人与我们联系,我们可以帮助他指导和开发以在 NativeScript 中启用 Vue.js。 我们一起工作将是一次很棒的经历。


#2437(评论)

嗨,Evan( @yyx990803 )Nativescript 的人正在寻找使用 Nativescript 实现 Vue 的帮助: https :
我想不出更好的人了😄

Weex 项目移至Apache 软件基金会。 不确定这对项目意味着什么。

我不知道你们是否已经意识到了,但是关于 Vue NativeScript 的实现似乎正在发生一些事情:

我们已经开始了一项社区主导的计划,为 Vue.js 移植 NativeScript! 在 #vue 频道中查看我们的 Community Slack。 Igor 在这里采取了最初的步骤: https :

https://nativescript.ideas.aha.io/ideas/NS-I-94 (评论)。

...刚刚看到这条非常有趣的推文——尽管不确定这一切意味着什么——来自Ionic 的Max Lynch 关于对 VueJS(和其他框架)的支持:

https://twitter.com/maxlynch/status/861597030132596737

image

这很酷,所有@mg1075但 Ionic 实际上并不是原生的:

Ionic 模拟原生应用程序 UI 指南并使用原生 SDK,将原生应用程序的 UI 标准和设备功能与开放 Web 的全部功能和灵活性结合在一起。 Ionic 使用 Cordova 或 Phonegap 进行本地部署,或在浏览器中作为 Progressive Web App 运行。

http://ionicframework.com/

Ionic 支持 Vue 仍然很棒。 👍

编辑:

好吧,Ionic、NativeScript、React-Native 和 Weex 都不是真正的原生,它们都是混合方法,但在我看来,至少最初是关于原生渲染的问题。 就像 React-Native 一样。

@nesbocaj - Ionic 的吸引人之一是他们对渐进式 Web 应用程序的支持。

关于 PWA 的有趣讨论在这里:
http://www.dotnetrocks.com/?show=1381

伙计们,我对 VueJs 越来越熟悉了,但现在移动开发需要维护单一代码库(尽可能)以支持 iOS 和 android 平台,应用程序还必须支持推送通知。 我知道这个线程已经快一年了,我现在有什么选择? 请帮我!!!

@codelabstudios Quasar 框架: http : //quasar-framework.org/

@rof20004是的,我正在探索很棒的 Quasar 框架!

一直在为我的最新项目使用类星体。 首席开发人员非常致力于该项目,并非常积极地参与到项目社区中。

值得一提的是,下一个版本只有几天了,并且有许多新功能:
http://forum.quasar-framework.org/topic/253/future-v0-14-feature-list

对于桌面应用程序,电子效果很好,但对于本机移动应用程序,我仍然不确定要使用什么:/

  • 威克斯
  • 本机脚本
  • 离子的
  • 框架7
  • 类星体
  • vue-科尔多瓦
  • +++

编辑:

好的,weex 看起来很有希望。 我设法通过以下方式安装它:

https://developer.android.com/studio/index.html#downloads下载带有 android studio 的 adb
npm install -g weex-toolkit
weex 创建 my_app
cd my_app
weex平台添加android
npm 安装
weex 运行安卓

Weex 是“构建 Native Mobile 跨平台 UI 的框架” 。 此外,在 Evan 的帮助下,Weex 已经支持 Vue.js 2.0 作为其前端框架之一。 也就是说,你可以使用 Vue.js 语法来开发基于 Weex 的原生应用。

@steffanhalv试一试,太好了!

Vue.js 2.0 的大部分功能在 Weex 平台上仍然可用,除了那些基于 Web 平台的功能,例如v-htmlx-templates

Weex 项目已移至 Apache Software Foundation (ASF),以下是 Weex 的最新资源:

  • 官网: http :
  • Repo(Apache Weex 的镜像): https :
  • 邮件列表: http :

Weex 的文档很糟糕,英语很糟糕。

@VSG24 weex是一个开源项目,你可以帮助清理文档!

weex 是不是就像 react-native 不只是在 webview 中呈现,而是像 react native 那样创建一个真正的原生应用程序?

weex 看起来不错,但很难获得支持。
http://nativescript-vue.netlify.com看起来不错! 它与 weex 相比有点落后,但有更多支持,您可以使用许多现有的 nativescript 插件: https ://market.nativescript.org

@f3ltron

就像@Hanks10100说的:

Weex 是“用于构建 Native Mobile 跨平台 UI 的框架”。 此外,在 Evan 的帮助下,Weex 已经支持 Vue.js 2.0 作为其前端框架之一。 也就是说,你可以使用 Vue.js 语法来开发基于 Weex 的原生应用。

它不是本机应用程序,而是 webview 应用程序。 不像反应原生

伙计们忘了任何使用 JS 的移动应用程序开发解决方案。 我在 Cordova、ReactNative 方面有很多经验,我什至最近使用 Framework7 + Vue 为 iOS 制作了一个应用程序,结果是一个漂亮且不可靠的垃圾。 如果您确实必须使用通用语言,请使用 Xamarin,否则请使用 Kotlin (Android) 和 Swift (iOS)。

@VSG24我同意。

今天我认为当我想要 hibrid 应用程序时更推荐 PWA,如果不是 hibrid,我会选择 Kotlin 或 Swift。

@f3ltron Weex 不是基于 webview,它在移动端渲染原生组件。 http://weex-project.io/guide/index.html#native -components

但是,Weex 也可以降级为 web 并在 webview 中渲染页面。

@Hanks10100谢谢。 @VSG24你怎么能说你看到了兼容性? 大声笑你实际上不能用 pwa 做完整的混合应用程序

@f3ltron这里没有人说 PWA = Native 或 Hybrid

NativeScript-Vue 1.0 现已推出,它看起来很棒。

刚刚观看了 NativeScript-Vue 的促销现场网络研讨会,它看起来非常有前途! 让我们继续滚动吧!

https://vue-native.io/

这是非官方的,也没有得到 Vue 团队的认可。 为了给你一个完整的免责声明,我合着了它。

它干净、快速、稳定、真正原生并且可以转换为 React Native。

@sanketsahusoft编译到 React Native 对我来说有点脏。 我更喜欢 NativeScript-Vue,它可以编译为本机代码,而不需要 React 作为中间人

@AndrewBogdanovTSS是的,这听起来可能很脏,但是 NativeScript-Vue 做的事情完全相同,而不是使用 React Native Bridge,而是使用 NativeScript Bridge。 不过,它也归结为个人选择的写作风格。 :-)

此页面是否有帮助?
0 / 5 - 0 等级