Vuejs的一些總結

2022-02-09 17:20:15 字數 1772 閱讀 2487

這裡注意一點,元件要先註冊再使用,也就是說

如果反過來會報錯,因為反過來代表先使用了元件的,但是元件卻沒註冊。

webpack報錯後,使用webpack --display-error-details可以排錯

在看demo的時候看到在vue-router寫著keep-alivekeep-alive的含義:

如果把切換出去的元件保留在記憶體中,可以保留它的狀態或避免重新渲染。為此可以新增乙個keep-alive指令

在每乙個vue元件中都可以定義各自的css,js,如果希望元件內寫的css只對當前元件起作用,只需要在style中寫入scoped,即:

對於單選按鈕,勾選框及選擇框選項,v-model繫結的value通常是靜態字串(對於勾選框是邏輯值):

但是有時候想繫結value到vue例項的乙個動態屬性上,這時可以用v-bind實現,並且這個屬性的值可以不是字串。例如繫結checkbox的value到vue例項的乙個動態屬性:

這裡繫結後,並不是說就可以點選後由true,false的切換變為a,b的切換,因為這裡定義的動態a,b是scope上的a,b,並不能直接顯示出來,此時

所以此時需要在data中定義a,b,即:

下面幾種情況會讓例項變成乙個片斷例項:

模板包含多個頂級元素。

模板只包含普通文字。

模板只包含其它元件(其它元件可能是乙個片段例項)。

模板只包含乙個元素指令,如vue-router

模板根節點有乙個流程控制指令,如v-ifv-for

這些情況讓例項有未知數量的頂級元素,它將把它的 dom 內容當作片斷。片斷例項仍然會正確地渲染內容。不過,它沒有乙個根節點,它的$el指向乙個錨節點,即乙個空的文字節點(在開發模式下是乙個注釋節點)。

但是更重要的是,元件元素上的非流程控制指令,非 prop 特性和過渡將被忽略,因為沒有根元素供繫結:

片段例項也有用處,但是通常情況下元件有乙個根節點比較好,它會保證元件元素上的指令和特性能正確的轉換,同時效能也稍微好些。

一些的總結

大學的教育模式是先教你原理,在教你怎麼用工具 而缺少樂趣,一般大牛 的思維模式都是這樣 先知道原理 在用工具 其實對於普通人來講,一般都是 知道原來還有這種利用方式?到 我要用工具來提高效率 廣用效率還不行 我要知道原理 誒好像現在工具滿足不了我的需要了,我要自己新增規則 新增的規則 以及滿足不了我...

BOM 的一些總結

一 window物件 1 window 物件是整個瀏覽器的核心,所有物件和集合都以某種方式回接到window物件。2 如果頁面使用的框架集合,每個框架都由他自己的window物件表示,存放在 frames 集合中,在這個集合中,可用數字 由0開始,從左到右,逐行的 或名字對框架進行索引。3 乙個更加...

FastReport的一些總結

1 問題 中文memo時常在執行時不能正確顯示。但用檔案載入後的memo沒有問題。由於fastreport預設把報表檔案儲存在dfm裡面,我看了下dfm,fastreport的memo編碼是以utf8存的。估計還是字符集的問題。所以解決方法是 直接loadfromfile.2 fastreport中...