Vue全家桶介绍_vue全家桶有什么好处
全家桶:顾名思义。对于一个完整的中大型单页面应用项目所必须的插件和框架。 一、vue-cli vue-cli 也叫脚手架,官方定义为Vue.js开发的标准工具!相比script标签引入 1)、功能丰富 对 Babel、TypeScript、ESLint、PostCSS、PWA、单元测试和 End-to-end 测试提供开箱即用的支持。 2)、易于扩展 它的插件系统可以让社区根据常见需求构建和共享可复用的解决方案。 3)、无需 Eject Vue CLI 完全是可配置的,无需 eject。这样你的项目就可以长期保持更新了。 4)、CLI 之上的图形化界面 通过配套的图形化界面创建、开发和管理你的项目。 5)、即刻创建原型 用单个 Vue 文件即刻实践新的灵感。 6)、面向未来 为现代浏览器轻松产出原生的 ES2015 代码,或将你的 Vue 组件构建为原生的 Web Components 组件。 安装:
npm install -g @vue/cli
// 安装完成后创建一个项目, vue ui为图形化界面,相对简单
vue create test
# or
vue ui
二、vueRouter Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有: 1)嵌套的路由/视图表 2)模块化的、基于组件的路由配置 3)路由参数、查询、通配符 4)基于 Vue.js 过渡系统的视图过渡效果 5)细粒度的导航控制 6)带有自动激活的 CSS class 的链接 7)HTML5 历史模式或 hash 模式,在 IE9 中自动降级 8)自定义的滚动条行为 安装:
npm install vue-router
// 安装后在 mian.js 引入
import VueRouter from 'vue-router'
Vue.use(VueRouter)
三、vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。 安装:
npm install vuex --save
四、Axios Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 特性 1)从浏览器中创建 XMLHttpRequests 2)从 node.js 创建 http 请求 3)支持 Promise API 4)拦截请求和响应 5)转换请求数据和响应数据 6)取消请求 7)自动转换 JSON 数据 8)客户端支持防御 XSRF 安装:
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://zhuanlan.zhihu.com/p/165511376
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/230873.html原文链接:https://javaforall.cn
相关文章
- vue+element-ui 使用富文本编辑器
- 超详细!Vue-Router手把手教程
- 最佳实践:vue组件引用传值(续篇)
- 请简述什么是Vue组件化开发_vue组件化开发
- html使用vue axios,使用 Vue和axios
- 每日一题之请描述Vue组件渲染流程
- vue源码分析-从new Vue开始
- Vue:npm run serve 到底做了什么?
- Vue 2x 中使用 render 和 jsx 的最佳实践 (3)
- VUE组件封装_vue使用组件
- vue封装组件方法_什么是vue组件
- Vue生成二维码_vue视频软件怎么生成二维码
- vue 分页 Pagination
- vue中的懒加载和按需加载_vue 路由懒加载
- Vue(renren-fast_vue_master)项目目录结构[通俗易懂]
- Vue组件是怎样挂载的_2023-02-27
- Vue Demi是如何让你的库同时支持Vue2和Vue3的
- vue-router 的基本使用和路由守卫
- Vue Loader 篇(下):编写一个单文件 Vue 组件
- Vue非父子组件传值之事件总线(eventbus)的使用方式
- 说说对Vue的keep-alive的理解
- IntelliJ IDEA使用 vue-cli 创建Vue项目
- 每日一题之Vue数据劫持原理是什么?5
- vue中el是什么?
- Vue+Echarts实现中国疫情地图
- vue入门篇之Vue.js 组件
- 使用Vue框架使用MSSQL数据库实现快速开发(vue mssql)
- Vue如何利用Redis加速应用程序性能(vue如何使用redis)
- Vue搭配Redis做针对性取值(vue redis取值)