Vue项目创建教程

下载安装: Node.js
安装脚手架: npm install -g @vue/cli
创建项目: vue create 项目名称
启动项目
image

vue3安装vue-router(路由)
指令 : npm install vue-router@4 或 yarn add vue-router@4

vue安装vuex(状态管理)
指令 : npm install vuex

状态管理-Vuex(数据管理-数据共享,全局变量)
①管理应用的数据状态(userinfo, 购物车)
②组件之间的通信
state 属性
mutations 间接修改
getters 计算属性
action 异步修改

安装Element-plus样式控件
指令: npm install element-plus --save

安装Element-plus图标
指令: npm install @element-plus/icons-vue

URL + HTTP方法 = RESTfull方法

返回格式基本上是JSON或者XML
请求方法: GET -- 获取数据
POST -- 创建数据
PUT -- 更新对象
DELETE -- 删除对象
PATCH -- 更新部分数据

"同源策略" => 协议相同、域名相同、端口相同(不能发送AJAX请求)
CORS(Cross-origin Resource Sharing)
配置需要同时在服务器和客户端的设置

安装axios请求库
指令: npm install axios

安装vite项目
npm init vue@latest

安装eslint-plugin-vue 是官方维护的 ESLint 插件,专门用于 Vue 3 项目,能自动识别

posted @ 2025-07-11 10:46  一切为了尚媛小姐  阅读(10)  评论(0)    收藏  举报