進入公司差不多2個月了日丹,這兩個月內(nèi)從vue的小白走哺,變成現(xiàn)在可以完成一個模塊,在這個過程中并不是一帆風(fēng)順哲虾,也遇到許多問題丙躏,但是通過自己的研究齐帚、查詢,最終把他解決了彼哼。我覺得這些經(jīng)驗值得沉淀对妄,值得總結(jié)分享一下。
1敢朱、vue是一個前段框架剪菱,“數(shù)據(jù)驅(qū)動的組件,為現(xiàn)代化的 Web 界面而生”拴签,引用官網(wǎng)的一句話孝常,正是因為數(shù)據(jù)綁定和組件化得分治的優(yōu)勢,在做項目的時候非常的方便蚓哩。
2构灸、對項目的頁面布局其實和普通的頁面布局一樣,
像這類的頁面布局就可以提供三個組件兩個導(dǎo)航欄組件岸梨,一個主頁面喜颁。
3、對于選項卡點擊變色
可以用vue自己提供的下表$index來控制樣式曹阔,使用起來非常方便半开。
4、對于顯示不顯示上的問題赃份,可以在指令上編寫邏輯表達式寂拆,用起來非常方便
5、路由跳轉(zhuǎn)的會重新編譯抓韩,但是如果是同一個路由下頁面的顯示和隱藏也就是V-if和V-show只在顯示的時候就編譯一次纠永,其余的便緩存起來,所以導(dǎo)致有些jquery組件只在第一編譯成功谒拴,第二次便渲染不上值尝江,解決辦法是用watch來監(jiān)聽,非常的方便彪薛。
6茂装、對于父子組件靠props通信的時候怠蹂,父組件需要給組件上的屬性附上默認(rèn)值善延,否則,有時會警告報出城侧,我們的項目上經(jīng)常出現(xiàn)易遣。
7、父子組件用broadcast和dispatch進行傳遞時嫌佑,如果有出現(xiàn)鏈型情況豆茫,接受的事件如果一直向上冒泡侨歉,則需要在第一個接受后返回true
8、項目上為了減少耦合性揩魂,在css上多用組合少用繼承幽邓。繼承的方式很難存覆蓋,用起來也不方便火脉。
9牵舵、在vue動畫上多用transition屬性,比起dom的keyframe用起來更方便倦挂。
10畸颅、在html上多用語議性標(biāo)簽,提高seo處理能力方援,列表用ul li没炒。圖標(biāo)的話i標(biāo)簽,段落p犯戏,小文字span送火。h5新特性的話可以在can i use上查看是否兼容
11、js方面先匪,字符串拼接漾脂,可以先用數(shù)組push、然后用數(shù)組的自帶方法toString()或者Join()來拼接字符串胚鸯,用起來非常方便骨稿。
先分享這么多,遇到問題了姜钳,解決了再分享