随笔分类 - Vue
摘要:VueX源码分析(5) 最终也是最重要的 ,该文件主要涉及的内容如下: Store类 genericSubscribe函数 resetStore函数 resetStoreVM函数 installModule函数 makeLocalContext函数 makeLocalGetters函数 regist
阅读全文
摘要:VueX源码分析(4) /module/module.js 解析: 是store模块的类,基本模块的静态属性和一些方法 就是我们定义的模块对象 定义状态可以用函数的方式定义的,这里要先判断状态是不是函数,是函数要执行函数后的值。 记录嵌套模块的模块 就是是否使用命名空间 是嵌套模块的一些操作方法 还
阅读全文
摘要:VueX源码分析(3) 还剩余 /plugins/devtool.js 浏览器开发者工具支持监控VueX /plugins/logger.js repeat 解析: 字符串重复几次repeat('0', 5)会返回'00000' pad 解析: 给数字补零,如pad(5, 5) 会返回'000005
阅读全文
摘要:VueX源码分析(2) 剩余内容 helpers要从底部开始分析比较好。也即先从辅助函数开始再分析那4个map函数 。 helpers.js getModuleByNamespace js / Search a special module from store by namespace. if m
阅读全文
摘要:VueX源码分析(1) 文件架构如下 util.js 先从最简单的工具函数开始。 find函数 find函数的测试用例 解析: 先用 过滤 ,最后取过滤后列表的第一个元素。 deepCopy函数 deepCopy的测试用例 解析: 功能:支持循环引用的深克隆函数 第一个if判断 判断如果不是引用类型
阅读全文
摘要:Element表单验证(2) 上篇讲的是 的基本要素,那么,如何使用到Element中以及怎样优雅地使用,就在本篇。 上篇讲到 由3大部分组成 基本验证流程如下 先按照rule的规则,制定每个字段的规范,生成rules 根据rules生成验证器 验证器有验证函数 source中的字段对应规则中的字段
阅读全文
摘要:Element表单验证(1) 首先要掌握Element官方那几个表单验证的例子,然后才看下面的教程。 Element主要使用了 "async validator" 这个库作为表单验证 主要分成三部分 Validate Options Rules 其中,对于我们使用Element的来说,Rules最重
阅读全文
摘要:全局组件设计 不管是 、还是 也好,只要是App都需要一些基础的组件,如一些弹出窗:提示框 、确认框 、模态框 、警告框 等等。这些弹出窗在 都是比较高的(z index高),且都有一个有点透明的黑色背景打底。 一般样式( )如下。由于很多弹出窗都需要这种背景,且有这么一个功能是,点击黑色背景,就关
阅读全文
摘要:Vue和MVVM的对应关系 Vue是受MVVM启发的,那么有哪些相同之处呢?以及对应关系? "MVVM(Model view viewmodel)" MVVM还有一种模式 model view binder ,主要用来简化用户界面的 事件驱动程序设计 MVVM可以分成四部分 主要形式还是 Model
阅读全文
摘要:构建Vue项目 按照官网教程安装 webpack模板默认安装了 、`vue router postcss babel`,如果需要其它的可以自己再安装。 安装sass 安装好后就可以在 文件style便签设置 `
阅读全文
摘要:Vuex基本概念 简单的Store 常见流程 dispatch commit mutate render State 获取vuex中的状态方法 在 中返回某个状态,要获取Vuex那个状态,要在 中定义 由于在全局使用了 ,所有组件可以通过 拿到Vuex的 js const Counter = { t
阅读全文
摘要:自制日历 {{year+"年"}} {{month+"月"}} ...
阅读全文

浙公网安备 33010602011771号