Vuex的使用(购物车案例)

  ##Vuex是什么?

  Vuex官网的定义,Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式  生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。

  我的理解,当一个项目中,有一个状态,整个项目都有可能去读写,就可以使用vuex来管理。或者组件需要去修改一个不在该组件内部的状态时就需要使用vuex。

  ##案例

  现在以一个购物车为例,学习一下vuex的使用方法。

  一、创建一个vue项目

    yarn global add @vue/cli(安装vue-cli,我使用的是yarn进行安装,你可以使用别的安装,可以查阅vuejs的官网,也可以百度vuecli安装教程,有很多)

    vue creat vuex-cart (创建项目)

  二、该案例代码已上传至github,如需使用请clone

    创建一个文件夹,打开命令提示符,输入git init回车

    然后git clone [email protected]:David-langqing/vuex-cart.git

    克隆代码。(本人github:https://github.com/David-langqing)

    完

    

 

猜你喜欢

转载自www.cnblogs.com/mjwblog/p/9944089.html
今日推荐