什么是Vue全家桶,Vue全家桶包含哪些东西

本文详细介绍了Vue全家桶的核心组件,包括vue-cli用于项目构建、vue-router进行页面路由管理、Vuex状态管理、axios HTTP请求工具,以及UI框架如Element UI、iview和vant的选择。适合初学者了解并实践Vue开发流程。
摘要由CSDN通过智能技术生成

vue全家桶介绍:

vue全家桶是基于vue开发必备的也是必学的东西,概括起来就是:、1.项目构建工具、2.路由、3.状态管理、4.http请求工具。

最常见常用的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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值