Vue相关概念介绍

目录

Vue全家桶

Vue-cli

VueRouter

Vuex

Axios

搭配UI框架

iview

elementUI

vant

软件工具

babel

webpack

Node.js

npm


Vue全家桶

Vue-cli

vue-cli也叫脚手架,官方定义为Vue.js开发的标准工具。

VueRouter

Vue.js官方的路由管理器,让构建单页面应用变得很简单。

Vuex

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

Vuex也集成到Vue的官方调试工具devtools extension,提供了诸如零配置的time-travel调试、状态快照导入导出等高级调试功能。

如果应用很简单,那么不适合用Vuex。

Axios

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

客户端支持防御XSRF。

搭配UI框架

iview

一套基于Vue的高质量UI组件库,分为小程序和PC端等不同版本。

elementUI

基于Vue 2.0桌面端的后台组件库。

vant

轻量、可靠的移动端Vue组件库。

软件工具

babel

将ES6转为ES5的工具。

webpack

webpack是一个用于现代JavaScript应用程序的静态模块打包工具,当webpack处理应用程序时,会在内部从一个或多个入口点构建一个依赖图【dependency graph】,然后将项目中所需的每一个模块组合成一个或多个bundles,它们都是用于展示内容的静态资源。

Node.js

node.js是给予Chrome V8引擎的js运行环境。

可通过下载node.js安装包来安装node.js和npm。

npm

npm是node.js内置的一套包管理工具。

由于npm有些资源可能不能通过国内网络正常访问,会导致用npm安装依赖包时失败,所以还会用到npm的国内镜像cnpm。

npm install -g cnpm --registry=http://registry.npm.taobao.org

安装完成后就可以用cnpm代替npm来安装依赖包了。

上一篇:有关vuex的简单介绍


下一篇:Vuex 存值与取值 (vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据)