Vue

Vue原始碼解析五——資料響應系統

接下來重點來看Vue的資料響應系統。我看很多文章在講資料響應的時候先用一個簡單的例子介紹了資料雙向繫結的思路,然後再看原始碼。這裡也借鑑了這種方式,感覺這樣的確更有利於理解。 資料雙向繫結的思路

深入淺出 Vue 系列 -- 資料劫持實現原理

  資料雙向繫結作為 Vue 核心功能之一,其實現原理主要分為兩部分: 資料劫持 釋出訂閱模式   本篇文章主要介紹 Vue 實現資料劫持的思路,下一篇則會介紹釋出訂閱模式的設計

vue的keep-alive中使用EventBus

最近專案中由於列表居多且都做了下拉重新整理上拉載入,所以就使用了keep-alive元件來快取頁面資料,但是當在其他頁面做一些操作改變了列表資料,當來到列表的時候每次都要下拉重新整理一下,體驗不好,所以就使用到

用vue3公開的思路從0實現最簡化的vue

我們用vue,是因為它是當前業界最佳的解決方案之一,但前端技術方案迭代及工業標準化發展的浪潮,大概率不會在vue這裡到達終點。 jquery沒有死,它的基因已經注入瀏覽器標準。而webcomponent s

Vue依賴收集引發的問題

問題背景 在我們的專案中有一個視覺化配置的模組,是通過go.js生成canvas來實現的。但是,我們發現這個模組在瀏覽器中經常會引起該tab頁崩潰。開啟chrome的工作管理員一看,進入該頁面記憶體和cp

探討父元件和兄弟元件的生命週期

當我們被問起vue的生命週期的時候,我們自然就回答到有beforeCreate,created,mounted,updated,destroy。就是一個生命的開始和結束。這次我們探討的是我們有兄弟元件的時候,各

服務端預渲染之Nuxt - 爬坑

Nuxt 是解決SEO 的比較常用的解決方案,隨著Nuxt 也有很多坑,每當突破一個小技術點的時候,都有很大的成就感,在這段時間裡著實讓我痛並快樂著。在這裡根據個人學習情況,所踩過的坑

vue 元件釋出 npm 最佳實踐

前言 我們經常使用元件,二次封裝或開發新元件,在團隊內部使用; 可當我們想通過npm分享元件時,卻沒了之前的得心應手,本文旨在幫助大家在可以更輕鬆地釋出元件 首先,把vue元件釋出到npm這件事可以拆分

1714943256.0398