封裝自定義指令簡單說明

2022-06-21 17:12:08 字數 430 閱讀 3153

vue.directive("指令名", {

//**函式: 會在當前標有這個自定義指令的元素被新增到頁面上之後,自動呼叫該**函式。

//當自動呼叫**函式時,會自動將當前帶有自定義指令的元素物件傳入inserted函式內

inserted(當前dom元素物件){

//對當前dom元素物件執行一些初始化操作

如果指令名包含多個英文單詞,比如my focus,應該-分割多個英文單詞,比如my-focus,不應該用駝峰命名

例:自動獲取焦點

補充: 命名規範

如果這個名字將來是在html中使用,如果包含多個單詞,都用-分割多個單詞,而不要用駝峰命名

因為html預設不區分大小寫的!

如果這個名字是js中的變數名或物件名,則如果包含多個單詞,應該用駝峰命名。因為js中不能隨便寫 -,與減法的減號衝突!

如何使用自定義指令封裝翻頁

今天給大家分享一下,修真院官網js 9任務中如何使用自定義指令封裝翻頁外掛程式 一 背景介紹 對於指令,可以把它簡單的理解成在特定dom元素上執行的函式,指令可以擴充套件這個元素的功能。例如,一些原生的指令如 ng disabled ng if ng repeat ng click 等。ng cli...

簡單封裝自定義MVC框架

自定義mvc框架結構及其使用方法 一,什麼是mvc框架 mvc框架全名是 model 模型 controller 控制器 view 視 件 所構成的一種開發框架,是一種典型的 軟體設計典範,用一種業務邏輯,資料,顯示相分離的方法組織 其好處是將業務邏輯聚集到乙個部件裡面,在改進和指定個性化頁面的同時...

簡單封裝自定義MVC框架

自定義mvc框架結構及其使用方法 一,什麼是mvc框架 mvc框架全名是 model 模型 controller 控制器 view 視 件 所構成的一種開發框架,是一種典型的 軟體設計典範,用一種業務邏輯,資料,顯示相分離的方法組織 其好處是將業務邏輯聚集到乙個部件裡面,在改進和指定個性化頁面的同時...