2024年前端最新Vue新项目准备安装工作（完善中(1)，阿里巴巴社招面试p8多久有结果

react和vue的比较

相同
1）vitual dom
2）组件化
3）props，单一数据流

不同点
1）react是jsx和模板；（jsx可以进行更多的js逻辑和操作）
2）状态管理（react）
3）对象属性（vue）
4）vue：view——medol之间双向绑定
5）vue：组件之间的通信（props，callback，emit）

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

npm install vue

4.安装Vue CLI 脚手架

=============================================================================

全局安装

npm install vue-cli -g

或者（npm install -g @vue/cli）

5.安装axios

=======================================================================

cnpm i axios --save

在 main.js 中引入 axios

import axios from ‘axios’

Vue.prototype.$axios = axios

在组件中使用 axios

6.安装组件

====================================================================

ElementUI（PC）

npm i element-ui -S

main.js引入：

import ElementUI from ‘element-ui’;

import ‘element-ui/lib/theme-chalk/index.css’;

Vue.use(ElementUI); // 即可直接使用文档

Vant（移动端）

Vue 2 项目，安装 Vant 2：

npm i vant -S

Vue 3 项目，安装 Vant 3：

npm i vant@next -S

//手动按需引入组件

//在不使用插件的情况下，可以手动引入需要的组件。

import Button from ‘vant/lib/button’;

import ‘vant/lib/button/style’;

//导入所有组件

//Vant 支持一次性导入所有组件，引入所有组件会增加代码包体积，因此不推荐这种做法。

对象篇

模块化编程-自研模块加载器

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

b8389e65ecb71ac0)**