Vue全家桶有哪些?(详细)

Vue全家桶有哪些?(详细)vue 全家桶都有什么全家桶 顾名思义 对于开发一个完整的中大型单页面应用项目所必须的所必须的插件和框架 注 此文章主要讲解 vue cli 脚手架开发方式 主要介绍各插件安装方法及其功能特点 不介绍各插件的具体使用方式 具体使用方式详见其他详细介绍文章 一 vue clivue cli 也叫脚手架 官方定义为 Vue js 开发的标准工具 相比 scirpt 标签引入 脚手架具有如下特点 1 功能丰富对 Babel TypeScript ESLint PostCSS PWA 单元测试和 End to en

vue全家桶都有什么

一、vue-cli

安装

npm install -g @vue/cli # OR yarn global add @vue/cli //安装完成后创建一个项目,vue ui为图形化构建,相对简单(推荐) vue create my-project # OR vue ui 

二、vueRouter

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有:

vueRouter 安装

npm install vue-router //安装后在mainjs引入 import VueRouter from 'vue-router' Vue.use(VueRouter) 

三、vuex

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。

什么情况下我应该使用 Vuex?
Vuex 可以帮助我们管理共享状态,并附带了更多的概念和框架。这需要对短期和长期效益进行权衡。

如果您不打算开发大型单页应用,使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单,您最好不要使用 Vuex。一个简单的 store 模式就足够您所需了。但是,如果您需要构建一个中大型单页应用,您很可能会考虑如何更好地在组件外部管理状态,Vuex 将会成为自然而然的选择。

安装方法

npm install vuex --save 

四、Axios

安装方法

 npm install axios 

五、搭配UI框架如:iview、vant、elementUI

iview 一套基于 Vue的高质量UI 组件库(分为小程序和pc端等不同版本);
vant 轻量、可靠的移动端 Vue 组件库,是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库,旨在更快、更简单地开发基于 Vue 的美观易用的移动站点。
Ant Design Vue 是 Ant Design 的 Vue 实现,开发和服务于企业级后台产品。
elementUI 是基于 Vue 2.0 桌面端中后台组件库。






版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/209133.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月19日 上午9:57
下一篇 2026年3月19日 上午9:57


相关推荐

  • vue中使用vue-quill-editor富文本编辑器,自定义toolbar修改工具栏options

    vue中使用vue-quill-editor富文本编辑器,自定义toolbar修改工具栏options基于 webpack 和 vue 一 npm 安装 vue quill editor 二 在 main js 中引入 importVueQui vue quill editor requirestyle 引入样式 import quill dist quill core css import quill dist quill snow css i

    2026年2月5日
    2
  • windows程序设计第五版_windows程序开发

    windows程序设计第五版_windows程序开发[声明]HPEN CreatePen(int nPenStyle, int nWidth, COLORREF crColor);[说明]用指定的样式、宽度和颜色创建一个画笔[参数表]nPenStyle —— Long,指定画笔样式,可以是下述常数之一PS_SOLID画笔画出的是实线PS_DASH画笔画出的是虚线(nWidth必须不大于1)PS_DOT画笔画出的是点线(…

    2022年8月18日
    15
  • navicat生产激活码失败【中文破解版】

    (navicat生产激活码失败)JetBrains旗下有多款编译器工具(如:IntelliJ、WebStorm、PyCharm等)在各编程领域几乎都占据了垄断地位。建立在开源IntelliJ平台之上,过去15年以来,JetBrains一直在不断发展和完善这个平台。这个平台可以针对您的开发工作流进行微调并且能够提供…

    2022年4月1日
    204
  • 科大讯飞“星火伴游”入选重点研发项目,引领智慧文旅新潮流

    科大讯飞“星火伴游”入选重点研发项目,引领智慧文旅新潮流

    2026年3月14日
    3
  • 深度解析xxl-rpc之RPC原理

    深度解析xxl-rpc之RPC原理一.什么是RPC?RPC(remoteprocesscall),中文是远程过程调用的意思。怎么理解这个远程过程调用呢?可以这样理解,可以与本地的过程调用对比下,本地过程调用,也就是调用函数或者是调用方法,比如说,在单体架构中,我们要根据用户的id获取订单信息,我们就需要找到订单service,调用getOrderInfoById(Stringid)这个方法,这个调用动作这就是本地过程调…

    2025年6月19日
    4
  • 初识华为MDC智能驾驶计算平台

    初识华为MDC智能驾驶计算平台初识华为 MDC 智能驾驶计算平台世界智能大会下的世界智能驾驶挑战赛组织方推荐 华为 MDC 是面向自动驾驶领域的计算平台 MDC 拥有自研 CPU 和 AI 芯片 联合车规级 AUTOSAR 平台 促进自动驾驶领域的快速发展 Autoware 的代码看得博主头疼 换换口味 这篇博客不讲技术工程实现细节 谈些宏观些的概念 其实抬头看看也是很重要的 一直埋头干技术细节 跑偏了最后也是失败 博主解读 Autoware 的

    2026年3月18日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号