什么是Vue全家桶,Vue全家桶包含哪些东西以及怎么使用
vue全家桶介绍：
友情提示：VUE全家桶是每个前端程序员必备的技能，如果这篇文章里面的知识点你都学会了，那么你也算是一个合格的前端了，内容不多，但是也不少，耐心看完，一次看不完先收藏，遇到问题再打开这篇文章，你一定可以用得上，希望多年后，在帖子下面可以看到各位大佬的留言，比如：‘你那里写的有问题应该怎么样写，我很期待！’
简而言之，肯德基全家桶都知道吧，大概意思差不多，就是一套带走，一个全家桶啥都有了，基本不需要在使用别的东西了。 vue全家桶是基于vue开发必备的也是必学的一套框架，也可以说是一套组件，里面具体包含了如下几项： 1.vue-cli 项目构建工具 2.vue-router 路由管理工具 3.vuex 全局变量状态管理工具 4.axios http请求工具 5.element-ui / iview Ui组件库 最常见常用的vue全家桶简单的介绍一下，希望可以帮助你了解认识学会vue全家桶！
如果不会安装或者使用的详情请看下面这篇文章：三分钟学会用vue全家桶搭建项目：如何使用vue全家桶快速搭建项目
1.vue-cli
vue-cli就是快速创建搭建一个vue项目的脚手架工具，安装vue-cli，直接在cmd命令执行：npm install -g vue-cli（安装的cnmp直接把npm改一下就可以），之后需要填写一些项目信息，不会的可以去网上搜一下。 vue-cli一般用的比较少，主要用来构建项目，如果有兴趣可以学习一下：vue-cli官方文档直通车
2.vue-router
vue-router 是 Vue.js 官方的路由管理器。用于页面之间的跳转，路由守卫，路由懒加载等等功能，路由路径需要我们自己配置，安装vue-router直接在cmd命令执行：npm install vue-router（安装的cnmp直接把npm改一下就可以） 安装完路由这个时候需要我们简单配置一下，不会的看这篇文章学习一下：vue-router安装配置速学 vue-router官方文档直通车
3.vuex
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。安装vuex只需要执行：npm install vuex（安装的cnmp直接把npm改一下就可以） 如果不打算开发大型单页应用，使用 Vuex 可能是繁琐冗余的。确实是如此，如果您的应用够简单，您最好不要使用 Vuex。一个简单的 store 模式就足够您所需了。[点击我快速了解vueX和store的区别和作用]但是，如果您需要构建一个中大型单页应用，您很可能会考虑如何更好地在组件外部管理状态，这时候vuex就是很好的选择了。如果你安装了VUEX不知道怎么使用，点我快速学习VUEX的用法 VueX官方文档直通车
4.axios
axios 是一个基于 promise 的 HTTP 库，简单来说和jq的ajax是一个道理，不过比ajax更加完善，用于前后端交互请求数据用的，可以用在浏览器和 node.js 中，安装axios在cmd中执行：npm install axios（安装的cnmp直接把npm改一下就可以） 安装了Axios不会使用？点我！ Axios官方文档直通车 特性： 从浏览器中创建 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 组件的使用我们就不讲了，直接复制黏贴就好了 element-Ui官方文档直通车
你学废了吗？
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/201617.html原文链接：https://javaforall.cn
腾讯云开发者
