重新閱讀 vue 文件收穫

2021-09-19 15:21:03 字數 2210 閱讀 6654

最近有空,心血來潮想著再去把 vue 文件給讀一遍,記一下收穫

鏈結這裡的問題以前完全沒有注意過,導致經常寫 iview 出現這一類的**

}
原因:

v-for 的優先順序 比 v-if 要高,導致 渲染的時候,先執行了 v-for ,後執行了 v-if ,這是乙個完全沒有必要的 開銷

以上還有乙個問題:  

:key="index"
key 屬性實際上是用來 diff 的時候,看能不能復用 節點的。

在diff 的時候,他會先檢視 key 屬性有沒有一樣的,一樣的就拿過來復用,減少開銷。

所以盡量使用類似於 id 之類獨一無二,又不像index 這一類毫無意義的 key

2020.04.09 補充

深入了解了 vue diff 之後(勉強算深入了解吧) 發現 類似於 這種重複性很高的模組上的時候,類似於 上文的 option,尤其是 分頁的表單之類的

key 直接使用 index 說不定渲染速度會 更快一點

相信不少同學對這個是比較陌生的,也有同學是比較了解的,

但是在iview 開發文件中,table 中 提供了這個屬性,相當好用,不需要再 render 了 iview 更新日誌

所以我特地關注了一下這個, 具名插槽

slot-scope

文件給出的demo:

vue 淘汰了上面的使用方法,: 新版用法

slot-scope="" slot="contractno"

完全可以使用

#contractno=""

來代替

#表示  v-slot:     後面的 contractno 就是 slot name,注意 ,如果是default的話,一定要寫 #default=""

所以說,人醜多讀書(*/ω\*),我看了這個之後,發現自己以前寫的**都是辣雞

場景:有乙個頁面,進入之後就設計了乙個定時器,每5秒 去請求一次資料,在離開的時候,需要clear 這個定時器

beforedestroy () ,
看起來完全沒問題,但是   程式化的事件偵聽器

所以可以有更好的

mounted: function () )

}

至於為什麼監聽的是 'hook:beforedestroy'  ,這個hook: 又是**來的,我看了一下 vue  的原始碼

function callhook (vm, hook) 

}if (vm._hashookevent)

poptarget();

}

vue 中, 直接    vm.$emit('hook:' + hook);

事件修飾符

說實話,看到這個我是有點不知所措地,可能以前完全沒有注意到,我竟然不知道這個屬性是什麼意思,

查了之後,發現是 addeventlistener 的 第三個引數物件中的乙個 具體的可以對應的 文件

舉個栗子,你在移動端使用原生的滾動的時候,如果addeventlistener 監聽了實際上剛剛開始 是有200ms 的停頓的,

因為他不知道你是否會preventdefault(),所以會先執行你addeventlistener,然後再原生的滾動,即使你放進去的**是自定義的空函式 ,依舊會有這樣的乙個延遲

而這個屬性就是為了告訴瀏覽器,我沒有執行preventdefault(),你放心地先滾起來把

注意,passive 和 preventdefault() 放一起會無視 preventdefault() 並向你扔乙個錯誤

這個其實沒什麼好像,就是單純的記一下 鏈結

import loadingcomponent from "./components/loadingcomponent.vue";

import errorcomponent from "./components/errorcomponent.vue";

------

components: ),

'componentb': () => ()

},computed:

},

Vue官方文件閱讀總結 1

vue是更好的組織和簡化web開發,關注的核心是mvc模式中的檢視層,同時,它也能方便地獲取資料更新,並通過元件內部特定的方法實現檢視與模型的互動。或者說用盡可能簡單的api實現響應的資料繫結和組合的試圖元件 vue和js的聯絡 vue本質上就是js所構成的乙個框架 js使用的時候需要首先獲取dom...

fedora chm 文件 閱讀

感冒了,疼痛的要命,沒法正常幹活,只能看看文件.沒辦法,裝乙個 1.yum 搜尋一下,看看fedora倉庫中有什麼是跟chm相關的 yum search chm 結果挺多,有幾項看著是 kchmviewer qt.x86 64 qt4 based chm viewer chm2pdf.noarch ...

srilm 閱讀文件11

lmstats.h lmstats.cc 1 概述 這兩個檔案主要定義了語言模型中用於對句子,文字 和詞的統計分析的介面。lmstats類 該類提供了如下函式 a 建構函式 b 析構函式 c 基於詞的countsentence純虛函式 d 基於詞索引的countsentence純虛函式 e 基於句子...