Vue裡面的 emit與 on

2021-08-21 06:13:30 字數 341 閱讀 7782

學習vue看到了裡面的$emit,有乙個疑問冒出來:「$emit必須和$on一起使用嗎?」

在我看來雖然沒有說是必須一起使用,但基本上都是搭配在一起出現,因為$emit的作用是子元件對父元件傳送資料,$on可以接收到子元件返回的資料,所以有$emit的地方應該就有$on了,我是這樣理解的。

$emit

的引數event.$emit('name',data); 其中name是傳送資料的名稱,與$on接收資料的名稱一致,data是傳送的資料位置。

$on的引數event.$on('name',function(data);其中name是接收的資料名稱,與傳送時的名字對應,第二個引數是乙個方法,對資料進行操作。

模擬vue裡面的watch監聽

建立乙個js封裝乙個類 class observer static isobject obj return false filterobj data,callback this.watch key,value,callback watch k,v,callback 被訪問。return v set ...

vue的事件註冊 emit

在vue中可以通過事件的註冊,在乙個元件中點選,之後在另外乙個元件中通過相對應的繫結,是另外乙個元件頁面的值進行改變 在vue使用事件註冊的函式是emit eg onincrement increment contations.vue 在此頁面註冊事件 increment 1 增 increment...

vue之 emit返回值

vue之 emit返回值 應用場景 子元件呼叫父元件的方法並獲取到父元件方法的返回值 父元件 getdata 子元件 let data this.emit getdata bounds return data 這種寫法是錯誤的,拿到的data是指向方法的this,無法獲取到data 正確寫法 父元件...