2 5 去哪兒網app 前端元件化

2021-10-10 04:49:52 字數 645 閱讀 7549

乙個頁面由很多部分組成 比如輪播,定位等等。

如果沒有元件化,則要把所有的**都寫在這個頁面的業務邏輯上,就會很多,導致維護困難。

(所以目的是低耦合?

元件可以理解為頁面的乙個部分/區域,相當於頁面由許多元件組成,乙個button也可以看成元件。

所以使用元件化進行大型專案開發,可以使**在後期維護性上得到極大的提高 。

分為全域性元件和區域性元件。下面貼一下區域性元件化

元件化:把頁面上的一些內容進行封裝,其中props用於接收資料,template是模板,即v層中定義的todo-item標籤會被template裡寫的標籤替換掉。

原本用的是ul>li  v-for,現在用元件化,將元件封裝,**如下:

// 《區域性元件》

var todoitem = }"

} // vue例項化

//把todoitem註冊到vue中

components: , //與全域性元件不同的是

//記得這裡要註冊一下

補充:

4 1 去哪兒網app 元件使用中的細節點

見 注釋 總結 寫法要按照h5標準,善於運用is 根元件 var vm new vue data物件形式只能定義在根元件中,不能在vue.component這種子元件中 在子元件中data必須是函式,不能是物件,貼張圖 這裡提到了 emit,子元件可以使用 emit 觸發父元件的自定義事件。深入理解...

遞迴元件使用 (慕課網 去哪兒網)

所謂的遞迴元件就是在元件中呼叫自身元件 在我們寫專案的時候,一般後台返回給我的資料都是巢狀的,類似於下面這種 而有的時候我們需要將二級列表或者 列表全部顯示在頁面中,這個時候我們就可以使用遞迴元件了 在detail元件中,我們引用了detail list元件,並且傳了個引數list,class de...

去哪兒網2015校園招聘前端筆試題

我應聘的是前端工程師。筆試就考了四道前端題,個人覺得基礎倒是考到了,但是前端方面的知識沒有多大聯絡,四道題,有三道題都是寫函式,只有一道題貼近了css,自己做的也一般一般。現在將四道題分享給大家,希望對大家的面試有幫助。1.寫乙個函式padstare string str1,min lenthg,s...