Vue的核心插件--Vuex

本文介绍Vue.js专用的状态管理工具Vuex的基本概念及使用方法。内容涵盖Vuex的安装配置过程,以及如何创建store来管理应用状态,并通过一个简单的计数器例子展示其核心功能。

Vue的核心插件--Vuex

一、Vuex是什么?

Vuex是一个专为Vue.js应用程序开发的状态管理模式。

Vuex存储着应用的state(即数据源data),在view视图上渲染或展示,通过view的修改可将VueX的state进行修改并保存(单向数据流)


二、安装Vuex

npm install vuex --save-dev

三、创建store

Vue.use(Vuex) //vue应用vuex模块
const store = new Vuex.Store({
  state: {
    count: 0
  },
  mutations: {
    increment (state) {
      state.count++
    }
  }
})

Html Webpack Plugin: Error: Child compilation failed: Module not found: Error: Can't resolve 'C:\源码\Vue\136Vue状态管理核心\vue-vuex-demo\node_modules\html-webpack-plugi n\lib\loader.js' in 'C:\源码\Vue\136Vue状态管理核心\vue-vuex-demo' ModuleNotFoundError: Module not found: Error: Can't resolve 'C:\源码\Vue\136Vue状态管理核心\vue-vuex-demo\node_modul es\html-webpack-plugin\lib\loader.js' in 'C:\源码\Vue\136Vue状态管理核心\vue-vuex-demo' at C:\源码\Vue\136Vue状态管理核心\vue-vuex-demo\node_modules\webpack\lib\Compilation.js:2123:28 at C:\源码\Vue\136Vue状态管理核心\vue-vuex-demo\node_modules\webpack\lib\NormalModuleFactory.js:923:13 at eval (eval at create (C:\源码\Vue\136Vue状态管理核心\vue-vuex-demo\node_modules\tapable\lib\HookCodeFactory.j s:33:10), :10:1) at C:\源码\Vue\136Vue状态管理核心\vue-vuex-demo\node_modules\webpack\lib\NormalModuleFactory.js:339:22 at eval (eval at create (C:\源码\Vue\136Vue状态管理核心\vue-vuex-demo\node_modules\tapable\lib\HookCodeFactory.j s:33:10), :9:1) at C:\源码\Vue\136Vue状态管理核心\vue-vuex-demo\node_modules\webpack\lib\NormalModuleFactory.js:520:22 at C:\源码\Vue\136Vue状态管理核心\vue-vuex-demo\node_modules\webpack\lib\NormalModuleFactory.js:155:10 at C:\源码\Vue\136Vue状态管理核心\vue-vuex-demo\node_modules\webpack\lib\NormalModuleFactory.js:745:23 at C:\源码\Vue\136Vue状态管理核心\vue-vuex-demo\node_modules\neo-async\async.js:2830:7 at done (C:\源码\Vue\136Vue状态管理核心\vue-vuex-demo\node_modules\neo-async\async.js:2925:13) at C:\源码\Vue\136Vue状态管理核心\vue-vuex-demo\node_modules\webpack\lib\NormalModuleFactory.js:1188:10 at finishWithoutResolve (C:\源码\Vue\136Vue状态管理核心\vue-vuex-demo\node_modules\enhanced-resolve\lib\Resolver .js:567:11) at C:\源码\Vue\136Vue状态管理核心\vue-vuex-demo\node_modules\enhanced-resolve\lib\Resolver.js:656:15 at C:\源码\Vue\136Vue状态管理核心\vue-vuex-demo\node_modules\enhanced-resolve\lib\Resolver.js:718:5 at eval (eval at create (C:\源码\Vue\136Vue状态管理核心\vue-vuex-demo\node_modules\tapable\lib\HookCodeFactory.j s:33:10), :1
最新发布
03-18
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值