vue最新面試題(元件通訊)

2021-10-01 18:06:44 字數 1274 閱讀 3879

元件通訊

父子通訊

子父通訊

兄弟通訊

父傳子

主要是通過props來實現的 ,父元件需要通過import引入子元件,並註冊,

在子元件裡面新增要傳遞的屬性,子元件用props來接收,接收的方式有兩種,一種是用物件的形式{}來接收,物件的形式可以傳遞資料的型別,和必填,另一種是用資料的形式,陣列只是簡單的接收值, 下面是**

父元件

//子元件標籤

子元件

} 

子傳父

子元件

} 

傳送到父元件

父元件

//子元件標籤 @所繫結的事件是子元件中用$emit傳來的第乙個引數

兄弟傳值

1.兄弟之間傳遞資料需要借助於事件車,通過事件車的方式傳遞資料

2.建立乙個vue的例項,讓各個兄弟共用同乙個事件機制。

3.傳遞資料方,通過乙個事件觸發bus.emi

t(方法

名,傳遞

的資料)

。4.接收

資料方,

通過mo

unte

d()觸

發bus

.emit(方法名,傳遞的資料)。 4.接收資料方,通過mounted(){}觸發bus.

emit(方

法名,傳

遞的資料

)。4.

接收資料

方,通過

moun

ted(

)觸發b

us.on(方法名,function(接收資料的引數)),此時函式中的this已經發生了改變,可以使用箭頭函式。

例項如下 :

我們可以建立乙個單獨的js檔案bus.js,內容如下

import vue from 'vue'

export default new vue

父元件

child-a元件

a按鈕

child-b元件

}

還話可以使用vuex來實現 請看下篇

最新iOS面試題

最近公司在招聘ios崗位,然後暫時是我在面試,因為公司說要招聘乙個靠譜的,資深的ios,所以我會問的都是一些原理問題。當我收到簡歷的時候,我會仔細看一下簡歷上面的技術要點,先會問一些專案中的問題。如果答得可以,再繼續問我平時專案中接觸的一些技術,或者說常用的技術。下面我就整理了一下我的面試題 1 c...

Vue相關面試題 怎樣定義元件?

怎樣定義元件 使用 vue.extend 構造器,建立乙個 子類 引數是乙個包含元件選項的物件。let mod vue.extend vue.component id,definition 註冊或獲取全域性元件。註冊元件自動使用給定的id設定元件的名稱 id 字串型別的元件名 可以使用駝峰命名,使用...

微軟最新面試題10 30

總共四輪面試,一二輪平行面 過乙個就行了 三輪lead面,四輪aa面 10.21 約了兩面 一面 1.自我介紹 2.撕 暫時沒有在leetcode上面找到,只能口述了 微軟經典面試老題 中文字串轉成數字 比如輸入 一億一千一百零一萬一千一百零一 輸出 111011101 面試官人很好 因為c 處理中...