day2 自定義指令

2021-10-08 04:19:29 字數 797 閱讀 8534

首先來補充兩個vue的指令:v-text 和 v-html

如果想要內容按照html進行插入,要使用v-html指令。

"msg"

>

<

/p>

...data:

自定義指令主要分為兩種:全域性自定義 和 區域性自定義。

全域性自定義指令

"msg"

>

<

/p>

//通過自定義指令將標籤裡面的文字全部變成大寫字母

vue.

directive

('upper-text'

,function

(el, binding)

)const vm =

newvue(}

)<

/script>

自定義指令注意事項:

自定義指令的時候,是沒有v-開頭的,但是在使用的時候,需要加上v-開頭。

自定義指令的函式中,el代表的是繫結這個指令的這個元素,binding是乙個物件,裡面有非常常見的屬性,value等。

區域性自定義指令

注意:區域性自定義指令要用複數形式:directives

"msg"

>

<

/p>

const vm =

newvue(,

// 區域性自定義指令

directives:}}

)<

/script>

day2 自定義指令

inserted update oldvalue指令繫結前乙個值 expression字串形式的指令表示式 arg 傳給指令的引數,可選。例如v my directive foo中,引數為 foo modifiers 乙個包含修飾符的物件。例如 v my directive.foo.bar中,修飾符...

Titanium教程day2 自定義可重用UI元件

titanium 建立ui,就是用工廠模式 ti.ui.createview somefunction function somevariable true 在命名空間中,你再來寫自定義可重用元件。即 面向元件 component oriented的程式設計模式,並使自定義元件擁有公共介面。如有必要...

DAY2 訊號與槽,自定義槽,子視窗,自定義訊號

訊號和槽 connect b1 qpushbutton pressed,this mainwidget close 引數 作用 b1 訊號發出者 指標型別 qpushbutton pressed 處理的訊號 類名 訊號 this 訊號接收者 mainwidget close 槽函式 訊號處理函式 接...