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再全部更新，具體見下文。 總體流程 仍然是根據自己理解來實現的綁定，相較於上一版的數據更新就全部刷新，這次改成了部分頁面更改，總體流程大致如圖：（字本來就丑，那個筆芯寫更丑了，希望能 ...