Ionic 将支持 Vue 和 React，但感觉已经来不及了

最新推荐文章于 2024-04-14 09:47:05 发布
最新推荐文章于 2024-04-14 09:47:05 发布
阅读量1.4k 收藏 1
点赞数
文章标签： javascript python 移动开发 ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_34358365/article/details/86717632
版权
Ionic 将支持 Vue 和 React，但感觉已经来不及了

近日，跨平台框架 Ionic 的官方博客宣布将在 2019 年推出支持 Vue（目前处于 alpha 阶段）和 React 的 Ionic 的正式版本。

关于 Vue 的 Ionic 版本的更多信息可参考这里：

https://blog.ionicframework.com/a-vue-from-ionic/

这个决定主要来源于他们对 Ionic 社区进行了年度调查，这项调查来自超过 10,000 名开发者，调查的内容是开发者在 Web 开发和相关技能上的投入在未来几年将得到怎样的回报。

调查结果显示，被调查的 Ionic 开发者所使用的框架出现多样化，或许更多地会转向 Angular 的替代品，尤其是在三大框架中，Angular 是今年接受调查的开发人员当中使用最为广泛的 JavaScript 框架，不过，React 和 Vue 的使用率在 2018 年排名也很高，预计在 2019 年将继续增长。而一直以来，Ionic 只与 Angular 兼容，所以，为了吸引更多的开发者，在新的一年，Ionic 将全面支持三大框架，让开发者有更多的选择。

Ionic 将支持 Vue 和 React，但感觉已经来不及了


Ionic 官方认为，不管开发者的首选框架是哪个，他们希望每个框架都可以成为任何一个项目的最好选择。虽然有关框架的新想法每天都在出现，但开发人员似乎已经将这三个框架作为最有力的竞争者。

跨平台开发取得了显著增长

2018 年，跨平台开发取得了显著增长，也许这对于读者来说一点都不足为奇。实际上，纯粹使用原生工具的开发人员比例从 2017 年的 20％下降到 2018 年的 8％。2018 年接受调查的人数中超过一半（ 52％）正在使用 Ionic、React Native 和 Xamarin 等跨平台工具。

Ionic 将支持 Vue 和 React，但感觉已经来不及了


跨平台开发的发展也让 Progressive Web Apps（PWA）在 2018 年得到崛起，61％的受访开发者表示他们已经构建了 PWA，或者他们计划在今年构建 PWA。

用户已经习惯了在应用程序商店上搜索新的应用程序，这可能就是为什么结果显示 PWA 正在成为原生应用程序的一种补充，而不是一种替代品。但这没关系，因为 PWA 只是跨设备统一“数字体验”的一部分。

总结

这项调查只是针对 Ionic 社区的开发者，有故意漏掉 Flutter 的嫌疑，显得有点心虚，所以，跨平台开发的调查结果并不准确。Ionic 此前只支持 Angular，现在才开始支持 Vue 和 React，这感觉就跟 RN 开始重构一样，在稳住自己的开发者，会不会太晚了呢？

更多调查报告分析结果请看这里：

https://ionicframework.com/survey/2018

英文原文：

https://blog.ionicframework.com/ionic-2018-developer-survey-discover-latest-trends/

weixin_34358365
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ionic4官网demo_sidemenu_react
04-30
5. **Routing**：Ionic 4和React都支持路由管理。在React中，可以使用`react-router-dom`库来处理页面间的导航。在带有侧滑菜单的应用中，路由配置至关重要，因为菜单项通常对应不同的页面，点击后需要切换到相应的...
ionic 1.2.4_Ionic 4.1和React：导航
08-11 142
ionic 1.2.4Navigating between pages is a core feature of any mobile application. Let’s look at how we can achieve this with React, React Router and Ionic 4. 在页面之间导航是任何移动应用程序的核心功能。 让我们看看如何使用React，Rea...
Ionic React和Capacitor入门
cenfeng的博客
07-04 3195
Ionic是Angular移动应用程序开发最流行的框架。现在，Ionic宣布推出React beta和Vue Js。这篇文章是关于Ionic React with Capacitor（Ionic Product）的开始。电容器是Cross-Platform的原生新娘，用于构建通用应用程序。这篇博文将解释如何使用Ionic移动组件设置react项目并生成iOS，Android和桌面（Electron...
推荐项目：Reactionic - 构建富交互Web应用的新框架
最新发布
gitblog_00046的博客
04-14 241
推荐项目：Reactionic - 构建富交互Web应用的新框架 项目地址:https://gitcode.com/pors/reactionic 项目简介 Reactionic 是一个现代化的Web开发框架，旨在简化构建高性能、强交互性的Web应用的过程。它基于React和Web Components，将两者的优势结合起来，提供了更加简洁和高效的编码体验。 技术分析 React融合Web C...
ionic （react）路由跳转、传参
weixin_45029532的博客
07-19 781
ionic（react）框架下的路由跳转 ionic的路由跳转其实有很多种方式跳转 <IonItem detail={false} routerLink={`/shareDetail`}>点我跳转</IonItem> <IonItem detail={false} herf="/shareDetail">点我跳转</IonItem> .... 像上面这样都可以跳转到shareDetail页面，简单列举了两例。可根据自己的业务需求选择。 如果需要l路由传递参数
app端前端框架对比 - Mui与ionic、Cordova 、Weex、React Native对比
Jonathan的博客
04-07 3665
1.1.1.介绍： mui是最接近原生App体验的前端框架。 极小：100k的js文件，60k的css文件。原生编写，不依赖任何三方框架 极强：xcode和Android studio里所有原生控件都具备 高性能：精练的代码、适时的5+原生动画调用，达到原生应用的体验 多端发布：编写一套代码，iOS、Android、浏览器、微信App、百度直达号、流应用全覆盖 1.1.2.Mui能力？ HTML5...
ionic5+vue3移动端开发Tips
wu_____的博客
11-04 1222
转载自移动云开发者社区 一. ionic已经更新到5.4.0了，支持了最新的vue 3.4.2版本，最近体验了一把ionic5+vue3的组合开发，在此记录下心得体会。 1. 常规操作，创建项目 ionic start myApp blank --type vue 2.安装官方文档ionic serve就可以运行项目了。 二. 开发中遇到的问题 1.调用cordova插件 随着typescript的流行，ionic默认创建项目为ts的，调用cordova的插件安装之前的写法会有报错 这里.
前端：Aprenda TypeScript，Angular，Ionic，Vue.js，React，React Native和NativeScript均未进行任何更改18 Mar Marso noauditóriodo SEBRAE做Alagoas
02-04
本资源集合着重于一系列热门的前端技术，包括TypeScript、Angular、Ionic、Vue.js、React、React Native和NativeScript，这些都是现代Web开发的关键组件。 首先，TypeScript是JavaScript的一个超集，它提供了静态...
ionic4官网demo_tabs_react
04-30
Ionic4 是一个基于Web技术（HTML、CSS、JavaScript）的开源框架，它利用Angular进行构建，但现在也支持其他前端框架如React和Vue。它提供了丰富的UI组件，用于快速创建原生感的移动应用。在Ionic4中，`tabs`组件是...
移动开发：使用Ionic，React Native，Xamarin，Native Script进行移动开发
02-04
Ionic提供了丰富的UI组件和工具，帮助开发者构建具有原生外观和感觉的跨平台应用。通过使用Web技术（HTML、CSS、JavaScript），开发者可以轻松地创建用户界面，并通过Cordova插件访问设备功能，如摄像头、GPS等。 *...
react-ionic:React.js 实用程序组件，用于处理离子框架 css 组件
07-07
1. **安装依赖**：首先，确保项目已经安装了React和 Ionic的核心库。如果还没有，可以通过npm或yarn进行安装： ```bash npm install react react-dom @ionic/react @ionic/core ``` 接着，安装React-Ionic库： ...
为React打造的一套ionic风格的可复用UI组件库
08-10
为 React 打造的一套 ionic 风格的可复用 UI 组件库
Ionic:Ionic Framework是一个开源UI工具包，用于使用HTML，CSS和JavaScript等Web技术以及与Angular，React和Vue等流行框架的集成来构建高性能，高质量的移动和桌面应用程序
03-10
离子性
html5+、ReactNative、Weex、Ionic之间的区别、（配置java、python、Android环境）、ReactNative(react-native-cli)、yarn、Weex
专研前端，探索后端
06-16 473
html5+、ReactNative、Weex、Ionic之间的区别： html5+和Ionic： 在开发原理上基本相同，都是需要先开发出一个完整的网站，再通过html5+或Ionic提供的打包技术对网站进行打包成移动app，它们实际还是一个网站，并非原生app。 ReactNative和Weex : 在开发原理上基本一样，它们不再开发出一个网站，而是一个模板， 这个模板只是一个半成品，不能被运行在浏览器或移动设备上，想要正常运行，那么就得通过ReactNative或Weex提供的命令行打包命令进行打包成
ionic5+vue3搭建第一个app项目
明知山
03-21 1778
官方文档 全局安装ionic脚手架 npm install -g @ionic/cli 创建一个app项目 myApp为项目名 ionic start myApp tabs --type vue 项目启动 npm run serve ionic5是和Vue3搭配的，这里需要提前学习Vue3的语法 项目文件名是为Ts，目前只会Js.我们把项目改为JS语法 用Js来写 文档更改方法 删除掉Ts依赖 npm uninstall --save typescript @types/jest @typescri
这是一个分割线ionic和react的分界线
https://github.com/xiaohuoni
10-08 3766
从2016年3月1号，我发的第一篇关于ionic的入门攻略到2016年6月28日。 我共发布了20篇入门文章，累计访问人数45705.评论数35. 我说过了，用到什么自学什么，发什么攻略。 从8月份开始，我们公司就不再使用ionic了。 ionic的混合开发我研究不多，我都是研究如何让ionic在微信上能有更好的性能。 不知道我的攻略对大家有没有帮助。 也没个人跟我说过这个事情，本来要
React Native 和ionic2 你选择哪一个？
热门推荐
医学影像学习笔记
11-01 1万+
跨平台ionic ： 一次开发，随处运行（一套代码，两个平台运行） react-native： 一次学习，随处开发（也就是ios和android开发两套代码） 开发方式ionic： html+css+angularjs react-vative： js+css 功能ionic： 编写cordova插件，可以达到全部支持！ react-native： 与native混编，可以达到全部支持！ 性能ion
Ionic vs React Native: 移动开发哪家强 ？
IT派
03-15 721
选择合适的平台是开发人员在创建移动应用程序时面临的主要问题之一。据统计，iOS 和 Android 两大巨头已经有超过了十年的竞争。为了从软件开发的预算效益和时间效益的角度来寻求两个平台之间的妥协，引入了混合和跨平台的框架。讨论这个主题时，首先想到的两个框架是Ionic和React Native，他们提供了一个解决问题的先进方案，还提供了易于获取的技术支持。简要介绍框架在开始分析和比较这两个框架的
Ionic将支持Vue和React，但感觉已经来不及了
cpongo5
01-14 774
近日，跨平台框架Ionic的官方博客宣布将在2019年推出支持Vue（目前处于alpha阶段）和React的Ionic的正式版本。关于Vue的Ionic版本的更多信息可参考这里：https://blog.ionicframework.com/a-vue-from-ionic/这个决定主要来源于他们对Ionic社区进行了年度调查，这项调查来自超过10,000名开发者，调查的内容是开发者在Web开发和...
Vue、React、Angular 三者的移动端支持框架是什么？
09-17
### 回答1： Vue、React 和 Angular 都支持移动端开发，可以使用它们的框架来实现移动端应用的开发。Vue 和 React 主要使用 React Native 和 Weex 框架，而 Angular 主要使用 Ionic 框架。 ### 回答2： Vue、React和Angular都有移动端支持框架。 对于Vue来说，它的移动端支持框架是Vue Native。Vue Native是一个可以用于创建原生移动应用的框架，它将Vue语法和React Native的组件进行了结合，使得开发者可以使用Vue语法来开发原生应用，同时享受到React Native跨平台的优势。 至于React，它的移动端支持框架是React Native。React Native是一个用于构建原生移动应用的框架，它允许开发者使用React和JavaScript来编写跨平台的移动应用，通过使用原生组件和JavaScript来构建用户界面，从而实现高性能和原生应用的体验。 对于Angular来说，它的移动端支持框架是Ionic。Ionic是一个基于Angular的开源UI框架，它提供了许多用于构建移动应用的组件和工具，可以用于开发原生的iOS和Android应用。Ionic具有良好的可定制性和扩展性，并且可以与Angular框架无缝集成，使得开发者可以使用Angular的语法和功能来开发移动应用。 总结来说，Vue的移动端支持框架是Vue Native，React的移动端支持框架是React Native，Angular的移动端支持框架是Ionic。这些框架都可以帮助开发者更快速、高效地构建原生移动应用。 ### 回答3： Vue、React和Angular都有相应的移动端支持框架。 1. Vue的移动端支持框架是Vue.js框架搭配Weex。Weex是由阿里巴巴开源的一套用于构建跨平台移动应用的框架，它使用了Vue.js的语法和组件模型。开发者可以使用Vue.js的语法和组件开发移动应用，并使用Weex提供的独立运行时环境将应用打包为原生应用。 2. React的移动端支持框架是React Native。React Native是由Facebook开发的一套用于构建跨平台移动应用的框架，它将React的组件思想应用于移动应用开发中。开发者可以使用React的语法和组件模型来开发移动应用，并使用React Native提供的独立运行时环境将应用打包为原生应用。 3. Angular的移动端支持框架是Ionic。Ionic是一个基于Angular的开源移动应用开发框架，它提供了一套UI组件和工具，使开发者可以使用Angular的语法和组件模型来快速开发跨平台的移动应用。Ionic将应用打包为网页应用，并使用Cordova等工具将网页应用打包为原生应用。 总结而言，Vue使用Weex，React使用React Native，Angular使用Ionic，这三个框架都拥有相应的移动端支持框架，开发者可以根据自己的喜好和项目需求选择合适的框架来进行移动端应用开发。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值