vue全家桶都包括哪些 vue全家桶都有什么 vue全家桶详细介绍

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

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/221417.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月17日 下午6:09
下一篇 2026年3月17日 下午6:10


相关推荐

发表回复

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

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