元件的各種型別及案例

2021-09-19 12:09:07 字數 2077 閱讀 9947

vue.component(組建名稱, 元件的配置)

在元件中使用components的配置項來表示

問題:元件命名問題

vue.

componennt

('zhangjun'

,)

>

zhang-jun

>

div>

.box

box.style.backgroundcolor =

'red'

注意: 元件通訊, 無論效果是如何的, vue都是單向資料流(元件之間的資料通訊)

父子元件通訊

父元件中定義資料, 通過單向資料繫結的形式, 將資料繫結在子元件身上, 屬性是自定義屬性,

子元件通過配置項中的props接收資料, props可以是乙個陣列,陣列中放的是自定義屬性名稱

那麼這個自定義屬性可以向data中的資料一樣直接在子元件模板中使用

父元件中資料一旦修改, 子元件資料就會修改, 那麼這也就是單項資料流

子父通訊(效果上像, 間接的使用了父元件的東西 ) 【不推薦大家使用】

eg:html部分

駿仔今天洗了:}次腳

js部分

父元件中的資料是一複雜資料型別, 那麼父元件繫結資料的時候, 給子元件的是乙個引用位址

子元件可以通過這個引用位址, 修改這個資料

效果上像, 子元件和父元件通訊了, 違背單項資料流

eg:html部分

我現在有: }元

我爸給了我:}元

js部分

父元件定義方法, 然後將這個方法通過單向資料繫結的形式傳遞給子元件

子元件通過props屬性接收, 然後通過 @click = 「方法名」

eg:html

支付寶到賬:}元!!!

就算死也不打錢!

js部分

父元件中定義 資料 和 方法(方法時用來運算元據的)

在子元件身上繫結自定義事件

子元件定義方法, 在這個方法中通過 this.$emit(eventtype,實際引數) 來呼叫自定義事件的事件處理程式

>

>

king

>

div>

"king"

>

>

>

i am king h3

>

>

國庫中有:} 錢 p

>

people

>

div>

template

>

"people"

>

>

>

i am people h3

>

交錢 button

>

div>

template

>

<

!-- js** --

>

vue.

component

('king',}

,methods:}}

)vue.

component

('people',}

,methods:}}

)new

vue(

)

非父子元件通訊

你好我現在有:} 錢

給body 1000塊

var bus =

newvue

()

created:

increment()

多元件狀態共享

eg:increment}

js部分**

## 元件生命週期

越獄24小時

英版反擊

各種型別的轉換

int i 100 long l 2001 float f 300.2 double d 12345.119 char username csdn char temp 200 char buf cstring str variant t v1 bstr t v2 一 其它資料型別轉換為字串 二 字串...

各種型別的轉換

1.std string轉換成qstring string std str abc qstring q str qstring fromstdstring std str 2.qstring轉換成std string qstring q str abc string q str.tostdstrin...

各種型別的長度

這個要看字元數是什麼資料型別,可以用sizeof 型別 操作符來測試位元組數。1 英文本母 如果是char 型,那麼是占用1個位元組,8位。如果是string型,應該是兩個位元組,16位,因為末尾還有個 0字元。比如 char c a 它占用乙個字元 char c a 占用兩個。char c abc...