2024年前端最新Vue新项目准备安装工作（完善中，面试进阶100题网盘

总结

前端资料汇总

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

• 框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。

• 算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！
  喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！

全局安装

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 支持一次性导入所有组件，引入所有组件会增加代码包体积，因此不推荐这种做法。

import Vue from ‘vue’;

import Vant from ‘vant’;

import ‘vant/lib/index.css’;

总结

前端资料汇总

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

• 框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。

• 算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！
  喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！