1.Vue3 中 ref 和 reactive 都是深度监听 2.说明 ref 对数据进行深度监听 3.使用 shallowReactive 非深度监听 4.使用 shallowRef 进行非深度监听 5.triggerRef更改shallowRef ...

手写 Vue3 数据双向绑定 理解Proxy 前言 vue3的 Proxy 最近貌似各大网红公众号都有发，我也来蹭蹭热度写一篇吧！我们也可以结合vue2来看看vue3到底发生了些什么变化。 目录结构 Proxy是什么？ 简单用法 尝试案例 ...

　　有些时候，我们总是无可避免的需要自己去手撸一些东西，因为需求总是在不断的变化。例如，最开始的需求，我们只是在首页展示一个数据列表，此时，我们可能直接就自己手写了一个table，后来，突然增加了一个需求，例如：需要在一些指定的列上面增加排序功能。此时，由于我们的样式和界面都已经调整好了，如果再去 ...

最近百度为了推广自家编写对深度学习框架PaddlePaddle不断推出各种比赛。百度声称PaddlePaddle是一个“易学、易用”的开源深度学习框架，然而网上的资料少之又少。虽然百度很用心地提 ...

前言　　提起日历组件，第一感觉就是不想写，有太多现有的日历组件可以供你选择。前几天的一个项目需求，现有的组件无法提供完善的日历服务，便自己操刀动手写了一个日历组件，才发现这个东西很好实现（完全不明白为啥看到日历这两字就觉得难呢）。废话不说，先看效果图: 思路 　　日历面板分三个模块，顶部 ...

<style> .vue-toast { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background: rgba ...

基本结构 这里我根据自己的理解模仿了Vue的单文件写法，通过给Vue.createApp传入参数再挂载元素来实现页面与数据的互动。 其中理解不免有错，希望大佬轻喷。 收集数据 这里将Vue.createApp()里的参数叫做options data可以是一个对象或者函数 ...

该版把上一次的数据修改就更新全部页面改为了局部更新，相比于上一版的在数据绑定上不是简单的一个监听set再全部更新，具体见下文。 总体流程 仍然是根据自己理解来实现的绑定，相较于上一版的数据更新就全部刷新，这次改成了部分页面更改，总体流程大致如图：（字本来就丑，那个笔芯写更丑了，希望能 ...