混合开发框架对比

使用原生 UI:
ReactNative
JSX
代码示例:helloworld
import React, { Component } from 'react';
import { Text, View } from 'react-native';

export default class HelloWorldApp extends Component {
render() {
return (

Hello, world!

);
}
}

weex
vue
代码示例:

使用自绘 UI:
flutter
dart
import 'package:flutter/material.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'Welcome to Flutter',
home: new Scaffold(
appBar: new AppBar(
title: new Text('Welcome to Flutter'),
),
body: new Center(
child: new Text('Hello World'),
),
),
);
}
}

uni-app
vue

纯h5:
react/angular/vue

混合开发框架对比_第1张图片
对比

你可能感兴趣的:(混合开发框架对比)