1. 程式人生 > 其它 >讀書筆記——軟體設計原則、設計模式

讀書筆記——軟體設計原則、設計模式

遇到的一些小問題

在一個元件內的某一class的style改變會影響其他的元件

當style標籤沒有scoped屬性時,可以修改其他元件和為外部元件(如elementui),如果沒有scoped標籤只能修改內部元素樣式。父元件如何修改子元件的樣式,解釋挺清楚
而我想改變某一元件中引用的外部元件,但是不想改變這個外部元件在其他元件中的樣式,於是用css選擇器,.name .name2{}來完成
如果有很多外部元件(elementui)需要修改,可以參考vue中令人頭疼的element-ui元件預設css樣式修改

網頁上部和左側有空行

解決方法:給app的body設定margi

vue元件之間的prop

component的props屬性修改
props:['name']

呼叫元件時寫上 name="..."

    <todo-item v-bind:name="item">

    </todo-item>

prop傳遞的資料,computed計算的資料和data(){}裡的資料一樣可以被呼叫

vue命名

檔名:每個單詞的首字母大寫
元件名:每個單詞的首字母大寫
變數名:駝峰

表格分頁

參考:[vue+elemntui表格分頁]https://blog.csdn.net/a5252145/article/details/97916780
有兩種方法實現前端分頁,前端分頁的關鍵在於使用array的slice函式擷取很長的資料中的某一段。再把篩選後的資料傳入表格元件。