自定義指令和自定義事件

2021-09-28 20:33:08 字數 1553 閱讀 8091

>

>

type

="text"

v-my-focus

>

div>

"root"

>

type

="text"

v-my-focus

>

div>

body

>

src=

"../../lib/vue.js"

>

script

>

>

/* 自定義指令有兩種定義形式

1. 全域性定義

2. 區域性定義

*/// vue.directive( 指令名稱, 指令的配置選項 )

/* v-focus */

// 全域性定義

vue.

directive

('focus',,

inserted:

function

( el,binding,vnode,oldvnode )

else

el.value = binding.expression

console.

log(

"c - vnode"

, c)

console.

log(

"d - oldvnode"

, d)

el.focus()

},updated()

,componentupdate()

,unbind()

})// 區域性定義

newvue(,

directives:

, inserted:

function

( el )}}

})newvue()

script

>

html

>

鉤子函式引數

>

>

自定義事件 button

>

div>

body

>

src=

"../../lib/vue.js"

>

script

>

>

/* 擴充套件: 自定義事件 - node.js的events模組

事件的發布 $on 發布【 宣告乙個事件 】

事件的訂閱 $emit 訂閱【 觸發乙個事件 】

*/var vm =

newvue(,

}})// 事件的發布

// vm.$on( 事件名稱,事件處理程式 )

vm.$on(

'aa'

,function

( val )

)// vm.$emit(事件名稱,事件引數)

// vm.$emit( 'aa',100 )

script

>

html

>

js自定義事件和jQuery自定義事件

1.簡述 js自定義事件是用來擴充套件dom元素的行為的,可以讓dom元素監聽自定義事件,並手動觸發,更加靈活地實現一些操作。jquery自定義事件使用場景更加廣泛一些,不僅限於dom監聽自定義事件,可以任意自定義事件並隨時觸發。用於實現觀察者模式,為大型專案解耦非常方便。2.js自定義事件,js可...

flex自定義元件和自定義事件

看了乙個帖子,自己寫了一下。主要講了自定義元件跟自定義事件。先看一下自定義事件。就跟在殿堂之路中寫道一樣。如生活,理解 就如理解生活一樣一樣的。什麼是事件,事件是怎麼運作的呢?我是這樣理解的 比如去了一家餐館就餐,首先要制定服務員 我要求穿白裙子的那個美女為我服務 端茶倒水,上菜 所以我落座後,說的...

C 自定義控制項和自定義事件

今天在專案開發的過程中,因為好幾個頁面都要用到同乙個分類控制項,就想著把它做成乙個自定義控制項,然後隨託隨用。在網上找了些列子,自定義控制項的寫法不用多說,主要說一下,如何將控制項的事件,封裝到自己定義的控制項的自定義事件裡面。這裡同時也當作對自定義事件的乙個複習吧。首先控制項是乙個由treelis...