利用自定義html元素實現支持實時修改的高亮代碼塊 代碼塊高亮是前端開發中常見的需求,尤其是在展示代碼片段的博客、文檔等場景中。市面上有很多成熟的代碼高亮庫,比如Highlight.js、Prism.js等,它們都能很好地實現代碼高亮功能。 通常的高亮代碼塊是“靜態”的,修改代碼內容後需要對DOM元素重新應用高亮樣式。由於涉及DOM操作,在Vue等前端框架中使用必須謹慎處理,否則會出現DOM樹和虛