1、vuex是什么?
vuex是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。chrome安装调试工具 devtools extension
2、单向数据流
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200707213655736.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0F5YXlhT1ZP,size_16,color_FFFFFF,t_70)
State:驱动应用的数据源(单向数据流)
View:以声明方式将 state 映射到视图(静态显示出来的数据源)
Actions:处理用户在view上面操作而导致的状态变化(数据源变化追踪)
一个简单的demo案例:
<template>
<div>
<!--