這裡注意一點,元件要先註冊再使用,也就是說
如果反過來會報錯,因為反過來代表先使用了元件的,但是元件卻沒註冊。
webpack報錯後,使用webpack --display-error-details可以排錯
在看demo的時候看到在vue-router寫著keep-alive
,keep-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-if
或v-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中...