哇塞，有好吃的~

随笔分类 -  vue

vue2.x项目升级到2.7
摘要：背景 老代码库了，但是升级到v3的话成本比较大，准备先升级到2.7，用上compositon-api，后续再引入ts，慢慢改过来。 改动点 // package.json { ... "vue": "^2.7.0", ... "vue-template-compiler": "^2.6.10", / 阅读全文
posted @ 2024-01-25 19:13 风行者夜色 阅读(563) 评论(0) 推荐(0)
Vue.extend源码分析
摘要：前言 Vue.extend生成一个组件的构造器，使用的场景其实不算多，一般来说，在需要实现一个全局的类似alert，message组件的时候，可以比较方便的使用它，动态地挂载。 开始读源码 Vue.extend = function (extendOptions: any): typeof Comp 阅读全文
posted @ 2023-04-18 15:55 风行者夜色 阅读(101) 评论(0) 推荐(0)
vue中如何生成组件的文档说明
摘要：针对vue组件，编写对应的组件文档 使用vuepress直接通过markdown文件去动态生成对应的组件演示和代码预览以及说明。 准备工作 先安装vuepress，npm i vuepress -D。 接着安装vuepress-plugin-demo-container，npm i vuepress 阅读全文
posted @ 2021-01-05 14:58 风行者夜色 阅读(1558) 评论(0) 推荐(0)
Vue中events.js解读
摘要：源码位置 src/core/instance/events.js 逐行分析 首先看一下它里面用到的另一个文件中暴露的方法，在src/core/vdom/helpers/update-listeners.js中。 // 更新一个组件实例内部的事件的listener的方法 /** * on 一个list 阅读全文
posted @ 2020-12-26 10:49 风行者夜色 阅读(1235) 评论(0) 推荐(0)
Vue中keep-alive.js解析
摘要：源码位置 src/components/keep-alive.js。 逐行分析 // 获取组件的name function getComponentName (opts: ?VNodeComponentOptions): ?string { return opts && (opts.Ctor.opt 阅读全文
posted @ 2020-12-25 16:36 风行者夜色 阅读(271) 评论(0) 推荐(0)
Vue中核心observer的解读
摘要：源码位置 src/core/observer。 主要源码分析 一个观察者对象。watcher.js。 let uid = 0 // 一个自增的id /** * A watcher parses an expression, collects dependencies, * and fires cal 阅读全文
posted @ 2020-12-25 10:53 风行者夜色 阅读(1379) 评论(0) 推荐(0)
vue中nextTick的源码解读，分析js事件循环机制
摘要：代码位置 nextTick的实现在src/core/util/next-tick.js中。 主要代码块 根据当前环境，选择实现nextTick异步回调的途径。 // 首先是看当前环境支不支持Promise，如果支持Promise就使用Promise，添加了一个微任务 if (typeof Promi 阅读全文
posted @ 2020-12-21 16:54 风行者夜色 阅读(238) 评论(0) 推荐(0)
微信H5跳转到小程序
摘要：需求 需要从微信的H5网页进入我们自己的小程序。 实现 步骤，参见https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html官方文档去加载对应的开放标签。 由于框架的问题，会导致在vue和reac 阅读全文
posted @ 2020-11-13 14:55 风行者夜色 阅读(1507) 评论(0) 推荐(0)
对比React的hooks与Vue的composition
摘要：对比React的hooks与Vue的composition 以一个倒计时的简单组件为例，使用两种方式去实现。 React的hooks写法 hooks的写法完全一改之前的类组件的写法，完全的函数式编程，看起来变得更加简洁了，实际上如果用的不是很好，看起来会很难理解，不如类组件看起来那么清晰。 代码示例 阅读全文
posted @ 2020-11-09 10:56 风行者夜色 阅读(404) 评论(0) 推荐(0)