乙個頁面由很多部分組成 比如輪播,定位等等。
如果沒有元件化,則要把所有的**都寫在這個頁面的業務邏輯上,就會很多,導致維護困難。
(所以目的是低耦合?
元件可以理解為頁面的乙個部分/區域,相當於頁面由許多元件組成,乙個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...