前端三大主流框架：React、Vue、Angular

React、Vue、Angular是前端开发中的三大主流框架，它们各自有着不同的设计理念和使用方法。

1. React

   React 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建UI，它并不是一个完整的MVC或MVVM框架，所以如果你想要一个更完整的解决方案，你可能需要结合 Redux 或 MobX 来管理状态，以及其他的路由和模块解决方案。

import React from 'react';
import ReactDOM from 'react-dom';
 
class HelloMessage extends React.Component {
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}
 
ReactDOM.render(
  <HelloMessage name="World" />,
  document.getElementById('root')
);

2. Vue

   Vue 是一个渐进式的JavaScript框架，它也是用于构建用户界面的，但它提供了更加声明式的模板和更加简洁的API。Vue 的核心库主要关注视图，并且非常容易与其他库或现有项目整合。

<template>
  <h1>{{ message }}</h1>
</template>
 
<script>
export default {
  data() {
    return {
      message: 'Hello, Vue!'
    }
  }
}
</script>

3. Angular

   Angular 是一个完整的框架，它提供了如模块化、依赖注入、双向数据绑定、路由、缓存等功能。Angular 主要是用 TypeScript 编写的，虽然也可以用 JavaScript 编写，但是它的学习曲线更倾向于使用 TypeScript。

import { Component } from '@angular/core';
 
@Component({
  selector: 'app-root',
  template: '<h1>{{ title }}</h1>',
})
export class AppComponent {
  title = 'Hello, Angular!';
}

以上代码都是简单的示例，展示了如何在各自的框架中创建一个简单的应用。每个框架都有自己的设计理念和使用场景，开发者需要根据项目需求和团队技术栈选择合适的框架。