vue props的兩種常用方法

2022-07-08 22:12:18 字數 722 閱讀 7816

1、實現父——>子的通訊

舉例如下:

父元件 parent.vue

子元件 children.vue

export default

}methods:

}}

父元件object1的值放在channel變數,然後傳入給子元件。這樣可以達到父子之間的通訊

2、校驗變數

還可以通過元件傳入的值判斷是否符合要求,如果不符合發出警告,例如:

props:,

options:,

propsa: ,

default:11

}}

type 就是校驗的要求,可以是如下型別:

string

number

function

boolean

object

array

symbol

(校驗變數的以上內容來自官方文件)

舉個專案中用到的例子:

通過乙個變數來控制乙個元件的黑白**顯示,當變數存在時元件顯示黑**,不存在則預設白**

props:

},methods:else

}}

vue props的兩種常用方法

1 實現父 子的通訊 舉例如下 父元件 parent.vue 子元件 children.vue export default methods 父元件object1的值放在channel變數,然後傳入給子元件。這樣可以達到父子之間的通訊 2 校驗變數 還可以通過元件傳入的值判斷是否符合要求,如果不符合...

兩種常用的佇列

與棧相反,佇列是一種先進先出的線性表。它只允許在表的一端進行插入,而在另一端刪除元素。和線性表類似,佇列也可以有兩種儲存表示。用鍊錶表示的佇列簡稱鏈佇列。下面是帶頭結點的單鏈佇列的實現 1 include 2 include 34 typedef char qelemtype 5 單鏈佇列節點 6 ...

清除浮動float的兩種常用方法

一 原頁面布局 1 html 2 css樣式 box left right bottom 3 頁面顯示效果 二 為了使class為bottom的div正常顯示在父級div的底部,需要新增屬性clear both 1 清除浮動的第一種方法 直接給class為bottom的div新增clear box ...