关于vue全家桶
## vue全家桶介绍:
vue全家桶是基于vue开发必备的也是必学的东西,概括起来就是:
最常见常用的vue全家桶简单的介绍一下,希望可以帮助你了解认识学会vue全家桶!
### 1.vue-cli
vue-cli就是快速创建搭建一个vue项目的脚手架工具。
安装vue-cli,直接在cmd命令执行:npm install -g vue-cli(安装的cnmp直接把npm改一下就可以),之后需要填写一些项目信息,不会的可以去网上搜一下。
### 2.vue-router
vue-router 是 Vue.js 官方的路由管理器。用于页面之间的跳转,路由路径需要我们自己配置。
安装vue-router直接在cmd命令执行:npm install vue-router(安装的cnmp直接把npm改一下就可以)
### 3.vuex
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
安装vuex只需要执行:npm install vuex(安装的cnmp直接把npm改一下就可以)
如果您不打算开发大型单页应用,使用 Vuex 可能是繁琐冗余的。确实是如此,如果您的应用够简单,您最好不要使用 Vuex。一个简单的 store 模式就足够您所需了。但是,如果您需要构建一个中大型单页应用,您很可能会考虑如何更好地在组件外部管理状态,这时候vuex就是很好的选择了。
### 4.axios
axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中,安装axios在cmd中执行:npm install axios(安装的cnmp直接把npm改一下就可以)
#### 特性
- 从浏览器中创建 XMLHttpRequests
- 从 node.js 创建 http 请求
- 支持 Promise API
- 拦截请求和响应
- 转换请求数据和响应数据
- 取消请求
- 自动转换 JSON 数据
- 客户端支持防御 XSRF
### 5.UI框架(element,iview,vant)按需引入;
- iview是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。安装: npm install iview
- vant 轻量、可靠的移动端 Vue 组件库,是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库,旨在更快、更简单地开发基于 Vue 的美观易用的移动站点。安装: npm install vant
- elementUI 是基于 Vue 2.0 桌面端中后台组件库。安装: npm install element
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一次Java后端服务间歇性响应慢的问题排查记录
· dotnet 源代码生成器分析器入门
· ASP.NET Core 模型验证消息的本地化新姿势
· 对象命名为何需要避免'-er'和'-or'后缀
· SQL Server如何跟踪自动统计信息更新?
· 官方的 MCP C# SDK:csharp-sdk
· 一款 .NET 开源、功能强大的远程连接管理工具,支持 RDP、VNC、SSH 等多种主流协议!
· 提示词工程师自白:我如何用一个技巧解放自己的生产力
· 一文搞懂MCP协议与Function Call的区别
· 如何不购买域名在云服务器上搭建HTTPS服务