核心方法：addeventlistener、removeeventlistener
>
template
>
>
//這裡可以匯入其他檔案（比如：元件，工具js，第三方外掛程式js，json檔案，檔案等等）
//例如：import 《元件名稱》 from '《元件路徑》';
export
default
,data()
;},//監聽屬性 類似於data概念
computed:
,//監控data中的資料變化
watch:
,//方法集合
methods:}}
,//生命週期 - 建立完成（可以訪問當前this例項）
created()
,//生命週期 - 掛載完成（可以訪問dom元素）
mounted()
,beforecreate()
,//生命週期 - 建立之前
beforemount()
,//生命週期 - 掛載之前
beforeupdate()
,//生命週期 - 更新之前
updated()
,//生命週期 - 更新之後
beforedestroy()
,//生命週期 - 銷毀之前
destroyed()
,//生命週期 - 銷毀完成
activated()
//如果頁面有keep-alive快取功能，這個函式會觸發};
script
>
lang
='less'
scoped
>
//@import
url()
; 引入公共css類
style
>
CSS全域性宣告 與body的區別
通常在寫css前，為了保證相容性及展示效果的一致，先會清除瀏覽器預設樣式。此時有兩種用法比較常用 1 2 body 之前我比較偏好於用 比較便於把控樣式的設定。一直也沒試過body 所以對body不太了解。今天簡單一試，發現了兩者的區別。簡單講就是 將更改應用於html結構中的所有元素，而body ...
Vue3學習與實踐 全域性異常監控
每個web專案上線後，難免會出現各種奇奇怪怪的bug，或網路，或系統無法，或相容適配，或測試遺漏等等原因。為了能更快的定位問題，解決問題，所以新增前端異常監控至關重要。本文就具體介紹一下怎麼在vue3專案中配置全域性異常監控。在vue專案中，錯誤異常監控可從以下三個方法入手 特點 語法 window...
vue 全域性插槽 全域性插座
場景 slot 能夠讓父元件內容插入到子元件中，但是子孫元件不能夠使用slot直接插入內容。在彈窗的時候，全屏彈窗需要直接在元件最上層顯示，如果父元件級別不夠，彈出就可能不是全屏的。知識點 1 aa 為元件 父元件中我是子元件的slot 子元件中console.log this.slots vnod...