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

2021-10-10 06:45:21 字數 523 閱讀 4354

見**注釋:

總結:寫法要按照h5標準,善於運用is=""

根元件:var vm = new vue({})

data物件形式只能定義在根元件中,不能在vue.component這種子元件中

在子元件中data必須是函式,不能是物件,貼張圖

這裡提到了$emit,子元件可以使用 $emit 觸發父元件的自定義事件。

深入理解**,搞清父元件、子元件、data、方法、物件、指令、ref等

注意子元件中要用到的函式,要寫在子元件的methods中,達到低耦合

}

總結:子元件通過ref 向父元件傳遞資料

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

乙個頁面由很多部分組成 比如輪播,定位等等。如果沒有元件化,則要把所有的 都寫在這個頁面的業務邏輯上,就會很多,導致維護困難。所以目的是低耦合?元件可以理解為頁面的乙個部分 區域,相當於頁面由許多元件組成,乙個button也可以看成元件。所以使用元件化進行大型專案開發,可以使 在後期維護性上得到極大...

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

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

uni app中元件的使用

元件基本知識點 自定義可復用的元件,其結構與單頁面元件類似,通常在需要的頁面引入或者註冊到全域性main.js中使用,這是子元件。1 props props用於父元件給子元件傳遞引數,引數可以限制型別,可以設定預設值 2 emit 事件名,引數1,引數n 用於向父元件傳遞事件,可攜帶子元件的引數 3...