目录
引言
一、前端框架概述
二、主流前端框架介绍
2.1 React
2.1.1 简介
2.1.2 特点
2.1.3 代码示例
import React from 'react';
function Welcome(props) {
return <h1>Hello, {props.name}</h1>;
}
const element = <Welcome name="World" />;
ReactDOM.render(element, document.getElementById('root'));2.2 Vue.js
2.2.1 简介
2.2.2 特点
2.2.3 代码示例
<div id="app">
{{ message }}
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
</script>2.3 Angular
2.3.1 简介
2.3.2 特点
2.3.3 代码示例
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template: `<h1>{{title}}</h1>`,
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'Angular App';
}
