ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

我理解的Vue全家桶

2021-09-27 22:59:33  阅读:170  来源: 互联网

标签:npm axios vue 理解 全家 js Vue install


 vue全家桶介绍:

        1.项目构建工具、2.路由、3.状态管理、4.http请求工具。

1.vue-cli---脚手架

        安装vue-cli:npm install -g vue-cli

2.vue-router:

        vue-router 是 Vue.js 官方的路由管理器。用于页面之间的跳转,路由路径需要我们自己配置

安装vue-router:npm install vue-router

3.vuex:

        Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

        安装vuex:npm install vuex

4.axios:

        axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中

        安装axios:npm install 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

注:以上描述比较简陋,若有错误,希望各位亲给予指正~

标签:npm,axios,vue,理解,全家,js,Vue,install
来源: https://blog.csdn.net/weixin_58657855/article/details/120519216

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有