Vue slot scope的理解(適合初學者)

2022-02-25 10:10:45 字數 678 閱讀 9060

先拋例程:

少壯不努力,老大徒傷悲

光陰似箭,日月如梭

你好啊結尾√}

√}例程中也寫了普通插槽和具名插槽,這個我就不說,我就說一下作用域插槽。首先從「作用域插槽「」這個名字說起,本來你父元件的模板是無法使用到子元件模板中的資料,官網中有一句特別強調的話:父元件模板的所有東西都會在父級作用域內編譯;子元件模板的所有東西都會在子級作用域內編譯。這句話其實挺難理解,舉個例子就知道了,

這是我上面的例子,也就是說這裡name必須是當前元件裡的,不能是test-slot這個元件內部的資料,這是它作用域限制,name這個資料屬於父元件的作用域,所以只能是父元件的資料。但是slot-scope的出現卻實現了父元件呼叫子元件內部的資料,子元件的資料通過slot-scope屬性傳遞到了父元件

// 作用域插槽

vue.component("todo-list",,

template:``

});√

}使用的時候就是這樣,從子元件傳過來的名為data值為todo的資料將會被slot-scope接收,需要注意的是,slot-scope接收的是乙個物件,這裡命名為slotprops,也就是說你傳過來的data將會作為slotprops的乙個屬性,所以需要slotprops.data才能呼叫到data。前面說了,data的值為todo,todo是什麼呢?todo是todos遍歷出來的,所以是乙個物件。

指標的基礎理解,以及引用的理解

指標這個概念是乙個比較頭疼的概念,如果學過資料結構還懂點程式語言的人應該好懂一點,下面是我多年學習以來對於指標的一些理解.1.首先你需要明白的是指標是乙個變數 在沒有宣告const的特殊情況下 這就夠了.如果你需要我解釋什麼是變數,那就請你別象下看了 2.接下來要知道的是指標是乙個特殊的變數,聽其名...

事件的理解

這是個人學習中對事件的一點點初步理解,希望高手能指點一下!事件 個人認為只有相當於控制項的object才可能有,所以,事件都是控制項的乙個屬性。先看一下msdn中的一段解釋 這是給控制項建立事件的一般步驟 1.宣告事件若要在類內宣告事件,首先必須宣告該事件的委託型別 如果尚未宣告的話 public ...

委託的理解

可以把委託看作乙個通用的方法名,該名稱可以在不同的時刻指向不同的方法,並且可以通過該委託執行這些方法。例子 using system namespace delegate test public int mulfun int a,int b class test b 改變委託物件所指向的方法 dgt...