主流框架： vue react angular

React搭配的组件： 移动端（ 原生reactNative、Ant Design mobile：蚂蚁金服）

Vue搭配的组件: PC（element UI，）, 移动端（vant有赞，Ant Design蚂蚁金服，uniApp）

  1. Ant Design 是阿里巴巴-蚂蚁金服体验技术部所设计的一个 UI 库，一般用于基于 React 的项目
  2. Vant-UI 是有赞前端团队开发的一个基于 vue 的移动端组件库。

移动端与H5开发

如果vue+vant(移动端组件)叫： h5开发
uniapp， flutter， react-native 叫： 移动端框架开发；

移动端跨端框架:
uni-app:
是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。uni-app 继承自 Vue.js，提供了完整的 Vue.js 开发体验。uni-app 组件规范和扩展api与微信小程序基本相同。有一定 Vue.js 和微信小程序开发经验的开发者可快速上手 uni-app ，开发出兼容多端的应用。
uni-app基本只需要学会vue开发就可以.
Vue项目里面，使用uniapp：vue create -p dcloudio/uni-preset-vue my-project

Flutter:
Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面
需要安装开发工具，mac可以安装xcode，android studio。 fultter需要学习新的语言dart。
Google开发，使用语言： dart。
对应前端开发者来说学习成本较高(需要学习新的dart语言)，性能比React-Native高，相比原生低，流畅。
React-Native
facebook的，使用语言： js。 容易上手，性能对比Flutter 相对于低点。

这三者具体的区别对比，百度一下吧，我这边现在上传不上去图片。

# 前端 # flutter
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue