npm install -g @vue/cli
vue create my-project
npm run serve
React
npx create-react-app 项目名称my-app
cd my-app
npm start
大项目用 React,小项目用 Vue
React搭配Ant Design
Vue搭配ElementUI
Ant Design
https://ant.design/docs/react/use-with-create-react-app-cn
npx create-react-app antd-demo
npm add antd
引入文件:
import { Button } from 'antd';
import 'antd/dist/antd.css';
react主张函数式编程,所以推崇纯组件,数据不可变,单向数据流,当然需要双向的地方也可以手动实现,比如借助onChange 和setState 来实现一个双向的数据流。 而vue是基于可变数据的,支持双向绑定,它提供了v-model这样的指令来实现文本框的数据流双向绑定。
文章对比来源:
http://blog.itpub.net/69981092/viewspace-2710742/
https://juejin.cn/post/6844903974437388295
React项目初始化:
import React,{Component} from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import 'antd/dist/antd.css';
class App extends Component{
render(){
return(
<div>helloworld</div>
)
}
}
ReactDOM.render(
<App />,
document.getElementById('root')
);