芯が強い人になるESTJ-A

# VUE VS React,项目初始化

IT開発 Tags: 无标签 阅读: 164

Vue

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项目初始化:
截屏2021-04-21 20.20.41.jpg

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')
);