vue 指示點的疑點拓展

2022-08-09 11:03:11 字數 817 閱讀 2246

1. 為什麼 vue 元件中的 data 是乙個函式

1. 為了保證元件的獨立性和可復用性,data 是乙個函式,元件例項的時候,這個函式將會被呼叫,返回乙個物件,計算機會給這個物件分配乙個記憶體位址,例項化幾次,就分配幾個記憶體位址

他們位址都不一樣,所以每個元件中的資料不會相互干擾,改變其中乙個元件的資料,狀態,其他元件不會被改變

2. vue 中的什麼是模組,什麼是元件?

都是功能劃分的單位

模組:是乙個封裝好的應用程式,他只是 js 檔案封裝

元件:是乙個完整的單位個體,可以有 js 可以有 css 和 html

3. 關鍵字:ssr (伺服器端渲染)

假如有乙個 data = [ ] ,我們會通過 js 對這個陣列進行遍歷,和字串拼接,執行在客戶端的時候,這些**會在客戶端執行完成這些功能,然後再去通過瀏覽器引擎翻譯這個字串,

ssh,將這個環節在伺服器完成了

4. computed,methods,watch

computed 計算屬性

將函式**塊返回的結果賦值給前面的屬性(方法名)

計算屬性是由快取功能的,只要 data 中的資料不發生改變,計算得到的新屬性就會被快取下來,下次使用的時候,不需要重新計算了

methods 方法

需要手動呼叫,函式**塊中返回的結果就是得到的結果,不具備快取功能

watch 屬性監聽

1. watch 中的函式名必須和 data 中的資料名一致,當 data 中的資料發生變化是,watch 中與 data 同名的方法,就會被呼叫,watch 中可以寫 js 邏輯

computed 不需要寫太多的邏輯

dubbo拓展點機制的IOC特性

以前寫過一篇介紹dubbo拓展點載入機制的文章,分析的比較表面化,人嘛,認識事物總有乙個從淺到深的過程,所以 隨著對dubbo原始碼的深入研究,發現dubbo 拓展點載入中也加入了類似spring中的ioc機制來主動給需要的bean注入屬性,現在分析一下的實現 現在對於原理實現 像找了魔一樣 dub...

Vue的知識點

3 例項中的屬性要在data中宣告才會被渲染 4 鉤子就是元件的生命週期函式,生命週期即beforecreated,create,beforemount,mounted,beforeupdate,updated,beforedestory,destoryed它的本質就是特定時間段自動觸發的函式 5 ...

vue路由懶載入和拓展的元件懶載入

一 為什麼要使用路由懶載入 為實現更好的客戶體驗,首屏元件載入速度更快一些,解決白屏問題。二 定義 懶載入簡單來說就是延遲載入或按需載入,即在需要的時候的時候進行載入。三 使用 常用的懶載入方式有兩種 即使用vue非同步元件 和 es中的import,具體實現如下 vue非同步元件實現懶載入 此處省...