随笔分类 -  vuex

vuex 详解
摘要：先说一下vuex到底是什么？ vuex 是一个专门为vue.js应用程序开发的状态管理模式。 这个状态我们可以理解为在data中的属性，需要共享给其他组件使用的部分。 也就是说，是我们需要共享的data，使用vuex进行统一集中式的管理。 vuex中，有默认的五种基本的对象： state：存储状态（变量） getters：对数据获取之前的再次编译，可以理解为state的计算属性。我... 阅读全文
posted @ 2020-01-03 17:23 Jinsuo 阅读(216) 评论(0) 推荐(0)
vuex复习笔记
摘要：npm install vuex --save 进行安装 vuex import Vuex from 'vuex 新建一个vuex文件夹（这个不是必须的），并在文件夹下新建store.js文件，文件中引入我们的vue和vuex。 阅读全文
posted @ 2018-03-05 14:08 Jinsuo 阅读(154) 评论(0) 推荐(0)
第6节：module模块组
摘要：随着项目的复杂性增加，我们共享的状态越来越多，这时候我们就需要把我们状态的各种操作进行一个分组，分组后再进行按组编写。那今天我们就学习一下module：状态管理器的模块组操作。 声明模块组： 在vuex/store.js中声明模块组，我们还是用我们的const常量的方法声明模块组。代码如下： 1 2 阅读全文
posted @ 2018-01-24 18:08 Jinsuo 阅读(157) 评论(0) 推荐(0)
第5节：actions异步修改状态
摘要：actions和之前讲的Mutations功能基本一样，不同点是，actions是异步的改变state状态，而Mutations是同步改变状态。至于什么是异步什么是同步这里我就不做太多解释了，如果你不懂自己去百度查一下吧。（视频中有讲解） 在store.js中声明actions actions是可以 阅读全文
posted @ 2018-01-24 16:29 Jinsuo 阅读(724) 评论(0) 推荐(0)
第4节：getters计算过滤操作
摘要：上传： 1、 assetsPublicPath: './', 修改路径 2、终端输入 npm run build 命令 生成 dist 文件 3、把dist文件里的冬冬上传就可以了 getters从表面是获得的意思，可以把他看作在获取数据之前进行的一种再编辑,相当于对数据的一个过滤和加工。你可以把它 阅读全文
posted @ 2018-01-23 17:59 Jinsuo 阅读(357) 评论(0) 推荐(0)
vuex-第3节：Mutations修改状态
摘要：上节课我们学习了怎么样读取state，那今天我们学习一下怎么样修改状态。这个常量我们在第一节课的时候也碰到过，并且进行了加减的操作。那这节课我们就具体学习一下，如何操作Mutations。 $store.commit( ) Vuex提供了commit方法来修改状态，我们粘贴出第一节课的代码内容，简单 阅读全文
posted @ 2018-01-22 13:25 Jinsuo 阅读(255) 评论(0) 推荐(0)
vuex-第2节-state访问状态对象
摘要：在第1节我们已经写了一个 const state ，这个就是我们说的访问状态对象，它就是我们SPA（单页应用程序）中的共享值。今天我们主要学习状态对象赋值给内部对象，也就是把stroe.js中的值，赋值给我们模板里data中的值。我们有三种赋值方式，我们一个一个来学习一下。 一、通过computed 阅读全文
posted @ 2018-01-22 11:25 Jinsuo 阅读(218) 评论(0) 推荐(0)
vuex-第1节 小Demo
摘要：http://jspang.com/2017/05/03/vuex/ 原文链接 我们还是利用vue-cli 的webpack生成我们的项目结构,如果你对vue-cli的知识不了解，可以花二三十分钟去看一下这个视频教程：http://jspang.com/2017/04/10/vue-cli/ 。项目 阅读全文
posted @ 2018-01-20 23:37 Jinsuo 阅读(269) 评论(0) 推荐(0)