Vuex是专门为Vue.js应用开发的状态管理模式。首先我们来了解下Vuex的安装,接下来我们会继续详细讲解Vuex是什么。下载安装Vuex共有三种安装方式,一起来看看:直接下载我们可以直接下载vuex文件,链接地址:https://unpkg.com/vuex。此链接将始终指向NPM上发布的最新版本,当前版本为vuexv3.1.2。或者我们也可以根据自己的需要指定版本,直接在链接后面加上版本号,这样访问的就是指定版本的文件。例如:https://unpkg.com/vuex@2.0.0。将下载好的vuex.js放到本地项目中,然后我们在页面中导入即可,如下:使用npm安装我们也可以使用npm包管理工具安装Vuex,命令格式如下:npminstallvuex--save在命令中加上-save因为生产环境需要用到这个包。示例:使用Yarn安装我们也可以使用Yarn安装Vuex:yarnaddvuex在使用yarn之前,需要先在系统中安装yarn。在Yarn中文网可以找到window下的三种安装方式,也可以使用npm来安装yarn,命令如下:npminstall-gyarn示例:创建Vue项目我们可以先创建一个Vue项目,然后在Vue项目中安装Vuex。首先确认本机的node和npm环境是否已经安装配置好。Node.js下载地址:https://nodejs.org/en/。下载和安装步骤这里不再赘述。完成后,您可以在终端中运行以下命令。如果出现版本号,则表示安装成功。虽然node自带了npm,但不一定是最新版本。如果你想更新npm,可以运行如下命令:npminstall-gnpm然后安装vue-cli,也就是Vue脚手架,这是一个针对单页应用的复杂脚手架,它可以轻松创建新的应用程序,并可用于自动生成vue和webpack项目模板。npminstallvue-cli-g//全局安装,直接在终端执行即可,这里就不放图了。安装完成后使用vuelist命令查看是否安装成功。然后选择路径并创建一个新项目。比如在桌面创建一个名为testvue的文件夹,在文件夹中创建一个名为testproject的项目(项目名不能大写,会报错),执行如下命令:创建vueinitwebpacktestproject后,在项目根目录安装依赖,然后再次运行(注意是项目根目录),命令如下:npminstallnpmrundev如图:这样vue项目就有了创建成功,此时我们会得到一个初始化好的文件夹结构,如下图所示:
