vuex(脚手架安装与配置)

发布时间:2020-12-12

Vuex 的安装与配置


1、利用npm下载vuex包,在命令行工具中输入以下命,cd到你的项目目录
npm install vuex --save



2. 找到main.js 加入下列选项测试使用

控制台输出 vuex 可以使用



前面为了方便 , 我们把 store 对象写在了 main.js 里面 , 但实际上为了便于日后的维护 , 我们分开写更好 , 我们在 src 目录下 , 新建一个 store 文件夹 , 然后在里面新建一个 index.js :


编辑index.js内容

修改mian.js测试使用是否正常








Vuex 核心关键字 详解

state => 基本数据 getters => 从基本数据派生的数据 mutations => 提交更改数据的方法,同步! actions => 像一个装饰器,包裹mutations,使之可以异步。 modules => 模块化Vuex

输出正常

vuex(脚手架安装与配置)

相关推荐