Vue学习笔记

🔥这周我看了看了尤大神亲手写的mini版Vue3，笔记如下请大家指正。 1. 数据响应式模块 提供创建一切数据变化都是可以被监听的响应式对象的方法。 2. 编译模块 3. 渲染函数 MVVM框架其实就是在原先的View和Model之间增加了一个VM层完成以下工作。完成数据与视…

1. Vue2的局限性 2. 如何使用CompositionAPI解决问题 最佳的解决方法是将逻辑聚合就可以很好的代码可读性。 这就是我们的CompositionAPI语法能够实现的功能。CompositionAPI是一个完全可选的语法与原来的OptionAPI并没有冲突之处。…

我们团队的Element发布了。为了让大家使用起来便捷。需要加入vue-cli和vite生态之中。 今天先说说vue-cli插件如何开发。 Vue CLI工具是Vue生态在Vue生态中负责工具基础标准化。他使用一套基于插件的架构。 比如vue-router、vuex或者安装组件…

下午正在看我们组大帅老湿写的composition 动画演示的文章。 就有一个产品小姐姐找我，单聊。 第一天 ： 产品妹子突发奇想，让我把按钮字体随机变色。 两个小时后： 产品妹子又说是不是按钮的背景也可以随机变色。 两分钟后： 产品妹子又说 两个按钮的变色频率是不是可以不一样…

观看Vue3全球发布会的总结笔记，翻译水平有限大家海涵。 最后有学习资料汇总。 抽象渲染器与渲染目标无关 - （Dom、Canvas、终端显示）支持自定义渲染器。 可扩展是编译器 可以通过实现编译器插件来扩展编译器。 通过编译推断型虚拟Dom实现静态提升是Vue3.0的非常显著…

调整后的结构 这个地方就不仔细说了。 接下来我们来重新编写测试Case，换用Vue3后需要使用vue-test-utils-next进行单元测试。 其实从写法上讲比原有的测试方案要简便很多。 实验中发下一个小bug 就是逆序属性修改后插槽中的元素没有响应重新排序。 经过调查发现…

vue3已经RC版了，但是目前国内最流行的UI库还没有动静。 以下我把大体的步骤总结一下。 1. Fork代码 2. clone到本地 3. 安装依赖 4. 运行单元测试 5. 开发前同步官方最新代码 fork代码后，如果kkb主库有更新，需要手动拉去同步。 这个需要随时做 保…

只有刻意练习才能提高。 前面关注Vue3主要是阅读源码也趁机摸鱼了提了一些PR,居然还有一个通过的算是给vue大业也做了点点贡献。 为了更好的理解Vue3源码我计划使用渐进式的方法完成一个简写版的Vue框架。 欢迎大家持续关注、首先做一个简单的计划。 这个计划一定会变😜，要不…

欢迎大家加入一起共同学习进步。 最新消息和优秀文章我会第一时间推送的。 最近在学习Vue3.0源码，为了达到刻意练习的目的。决定给Vue3.0提点PR来验证自己的源码理解水平。经过两天的奋战添加了一个官方的todo test case。 以下我把大体的步骤总结一下。 这个需要随…