摘要：
经过上一篇章介绍，完成了实现 mutations 的功能，那么接下来本篇将会实现 actions 的功能。 本篇我先介绍一下 actions 的作用，然后再介绍一下实现的思路，最后再实现代码。 actions 的作用是用来异步修改共享数据的，怎么异步修改，这个时候我们回到 Vue 的官方 Vuex 阅读全文
posted @ 2023-11-01 23:43
BNTang
阅读(402)
评论(0)
推荐(2)
摘要：
经过上一篇章介绍，完成了实现 getters 的功能，那么接下来本篇将会实现 mutations 的功能。 在实现之前我们先来回顾一下 mutations 的使用。 将官方的 Vuex 导入进来，因为我们的还没有实现，现用一下官方的，来演示一下 mutations 的使用。 mutations 是用 阅读全文
posted @ 2023-10-31 22:51
BNTang
阅读(358)
评论(0)
推荐(1)
摘要：
经上一篇章介绍，完成了实现共享数据的功能，实现方式是在 Store 构造函数中将创建 Store 时将需要共享的数据添加到 Store 上面，这样将来我们就能通过 this.$store 拿到这个 Store，既然能拿到这个 Store，我们就可以通过 .state 拿到需要共享的属性。 除了可以通 阅读全文
posted @ 2023-10-28 16:09
BNTang
阅读(85)
评论(0)
推荐(0)
摘要：
经过上一篇章介绍，完成了添加全局 $store，接下来就是实现共享数据的功能。 在 Vuex 中，共享数据是通过 state 来实现的，所以我们需要在 Nuex.js 文件中实现 state 的功能。 在 Vuex 中，state 是一个对象，这个对象中存放的就是我们的共享数据，所以我们需要在 Nu 阅读全文
posted @ 2023-10-28 15:33
BNTang
阅读(42)
评论(0)
推荐(0)
摘要：
经过上一篇的介绍，了解到了 Vuex 的实现本质就是一个插件，所以要做的事情就是实现这个插件的代码编写即可。 本篇文章主要是实现一个全局的 $store，这个 $store 是挂载在 Vue 的原型上的，所以在任何一个组件当中都可以通过 this.$store 访问到。 我们先来看看 Vue 官方的 阅读全文
posted @ 2023-10-28 14:43
BNTang
阅读(127)
评论(0)
推荐(0)
摘要：
本章节主要围绕着手撕 Vuex，那么在手撕之前，先来回顾一下 Vuex 的基本使用。 创建一个 Vuex 项目，我这里采用 vue-cli 创建一个项目，然后安装 Vuex。 vue create vuex-demo 选择 Manually select features。 这里只需要，Babel 阅读全文
posted @ 2023-10-28 11:27
BNTang
阅读(345)
评论(0)
推荐(0)
摘要：
前言 经过上一篇的学习, 完成了将数据代理到了 Nue 的实例上方，这个我们已经撕完了。接下来要实现的是计算属性，计算属性的实现原理是通过 Object.defineProperty() 来实现的，我们先来看看计算属性的使用。 看之前先来改造一下我们的代码基础模板，首先是 example.html 阅读全文
posted @ 2023-10-21 22:34
BNTang
阅读(46)
评论(0)
推荐(1)
摘要：
前言 经过上一篇文章的学习，完成了 v-on 指令的实现，接下来我们来实现将数据代理到 Vue 实例上。 为什么要完成这个功能呢？因为我们在使用 Vue 的时候，可以直接通过 this.xxx 的方式来访问 data 中的数据，这样就不用每次都去访问 data 中的数据了，这样就方便了很多。 现在在 阅读全文
posted @ 2023-10-21 20:31
BNTang
阅读(39)
评论(0)
推荐(0)
摘要：
经过上一篇文章的学习，实现了界面驱动数据更新，接下来实现一下其它相关的指令，比如事件相关的指令，v-on 这个指令的使用频率还是很高的，所以我们先来实现这个指令。 v-on 的作用是什么，是不是可以给某一个元素绑定一个事件。 紧接着了解了 v-on 的作用之后，我在 example.html 的结构 阅读全文
posted @ 2023-10-21 16:42
BNTang
阅读(327)
评论(2)
推荐(1)
摘要：
经过上一篇文章，已经将数据驱动界面改变的过程实现了，本章节将实现界面驱动数据更新的过程。 界面驱动数据更新的过程，主要是通过 v-model 指令实现的, 只有 v-model 指令才能实现界面驱动数据更新的过程。 好了，那么说了是通过 v-model 那么直接处理下 CompilerUtil 中的 阅读全文
posted @ 2023-10-21 00:31
BNTang
阅读(56)
评论(0)
推荐(0)
浙公网安备 33010602011771号