- 博客(6)
- 收藏
- 关注
原创 vuex的严格模式 及 辅助函数
严格模式在创建store的时候,设置strict: true即可开启严格模式。在严格模式下,只要状态变更不是通过mutation产生的,就会抛出错误。不过state 还是会被改变。 <button @click="$store.state.age++">不合法的方式-更改年龄</button>主要的实现思路就是 :vuex内部声明了一个状态变量_committing,默认是false,代表不是通过mutations来修改的。同时还声明了一个_withCommit函数,利用切
2021-07-15 12:51:18 726
原创 vuex之插件
文章目录使用插件编写实现使用关于插件的使用文档:https://vuex.vuejs.org/zh/guide/plugins.html以vue内置的logger 插件为例,在 store/index.js中引入:import logger from 'vuex/dist/logger.js'export default new Vuex.Store({ plugins: [ logger() ], state: { name: 'MRNAN', age: 30
2021-07-14 17:00:10 628
原创 vuex之module
文章目录module基本使用关于namspaced 如果没定义的话,会继承父模块命名空间模块收集模块安装module基本使用默认情况下,模块内部的 action、mutation 和 getter 是注册在全局命名空间的——这样使得多个模块能够对同一 mutation 或 action 作出响应。可以通过添加 namespaced: true 的方式使其成为带命名空间的模块。比如在根state下添加两个模块:a和b,其中a没有声明namspacedmodules: {// 继承父模块的命名空间
2021-07-14 14:59:04 433
原创 vuex 基础实现
文章目录vuex使用实现实现getters实现mutations实现 actions扩展exportvuex使用首先知道vuex的基本用法,才能具体实现原理。1.创建项目基于vue-cli 创建一个项目:vue create vuex-project打开项目,打开store/index.js:import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state
2021-07-11 21:50:16 290
原创 React ref 的简易实现
Refs提供了一种方式,允许我们访问DOM节点或者在render方法中创建的React元素。基本使用class Sumer extends React.Component{ constructor(props){ super(props) this.numA = React.createRef() this.numB = React.createRef() this.sum = React.createRef() } handleClick = (event
2021-05-24 22:53:46 309
原创 react类组件的更新
react 类组件的更新类组件状态的使用类组件状态的使用类组件的数据来源有两个地方:- 父组件传过来的属性。- 自己内部的状态。属性和状态发生变化后组件都会更新,视图都会渲染。
2021-05-19 13:55:50 1878
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人