随笔分类 - vuex
vuex相关知识点
摘要：注意： 1、Object.assign() 只是一级属性复制，比浅拷贝多深拷贝了一层而已。用的时候，还是要注意这个问题的。 2、简单实现深拷贝的方法，当然，有一定限制，如下：JSON.parse(JSON.stringify());思路就是将一个对象转成json字符串，然后又将字符串转回对象。 Ob
阅读全文
摘要：图上那些类似于星座图的点和线 是由vue-particles生成的，不仅自己动，而且能与用户鼠标事件产生互动。 是非常炫的一种动态特效 可以在Vue项目中使用，需要安装第三方依赖 使用步骤 1. 安装 npm install vue-particles --save-dev 复制代码 或者 npm
阅读全文
摘要：一. 什么是Vuex? Vuex Vuex是一个专门为Vue.js应用程序开发的状态管理模式, 它采用集中式存储管理所有组件的公共状态, 并以相应的规则保证状态以一种可预测的方式发生变化. Vuex核心 上图中绿色虚线包裹起来的部分就是Vuex的核心, state中保存的就是公共状态, 改变stat
阅读全文
摘要：概念流程图： 案例： （1）src/store/index.js导出仓库 （2）在入口文件引入仓库并派发到每个组件，在入口文件main.js引入，挂载到根组件上，方便以后使用this.$store调用仓库数据 （3）组件读取显示 直接读取： 年纪：{{this.$store.person.age}}
阅读全文
摘要：最近在用vue写pc端项目，用vuex来做全局的状态管理， 发现当刷新网页后，保存在vuex实例store里的数据会丢失。 1. 产生原因 2. 解决思路 3. 解决过程 1. 产生原因其实很简单，因为store里的数据是保存在运行内存中的,当页面刷新时，页面会重新加载vue实例，store里面的数
阅读全文
摘要：mapState、mapGetters、mapActions 如果我们不喜欢这种在页面上使用“this.$stroe.state.count”和“this.$store.dispatch('funName')”这种很长的写法，那么我们可以使用mapState、mapGetters、mapAction
阅读全文
摘要：vue：主要Vue vue-router：关于路由方面的配置 vuex：数据共享和缓存用 vue-resource：于后台交互用（现在改为axios 但是axios不是Vue里面的东西） vue-cli：快速创建项目的脚手架 .
阅读全文
摘要：你知道路由钩子吗？路由钩子分为全局钩子、路由独享钩子、组件内钩子，全局钩子用来拦截所有的路由的，进行处理，路由独享钩子，本质上和后面的组件内钩子是一样的。都是特指的某个路由。不同的是，这里的一般定义在router当中，而不是在组件内。组件内钩子，是将钩子函数定义在组件内部了 项目中如果涉及多个组件数
阅读全文
摘要：（1）同步与异步 在 mutation 中混合异步调用会导致你的程序很难调试。 例如，当你调用了两个包含异步回调的 mutation 来改变状态，你怎么知道什么时候回调和哪个先回调呢？ 这就是为什么我们要区分这两个概念。在 Vuex 中，mutation 都是同步事务： 为了处理异步操作，vuex出
阅读全文
摘要：【前言】 数据在页面是获取到了，但是如果需要修改count值怎么办？更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件：每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。
阅读全文
摘要：（1）简介 Getter相当于vue中的computed计算属性，getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算，这里可以通过定义vuex的Getter来获取，Getters 可以用于监听、state中的值的变化 （2）设置 文件：src/store/in
阅读全文
摘要：（1）单一状态树 Vuex 使用单一状态，用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源 (SSOT)”而存在。这也意味着，每个应用将仅仅包含一个 store 实例。 单一状态树让我们能够直接地定位任一特定的状态片段，在调试的过程中也能轻易地取得整个当前应用状态的快照。 单状态树
阅读全文
摘要：（1）简介 每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同： Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发
阅读全文
摘要：（1）简介 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、
阅读全文
