元件定義和使用

2021-10-10 20:56:28 字數 911 閱讀 1436

元件可以擴充套件 html 元素,封裝可重用的**。vue中的元件分為全域性元件和區域性元件

全域性元件:

vue.component(元件名(不能是已經存在的html標籤),)

在配置項中,除了沒有 el項 和要有 template項 外,其他的跟vm一樣

// 全域性元件

vue.

component

('my-h1',}

, template:``,

// 沒有el屬性,而是 template。注意:模板只能有乙個根元素

// 也可以有自己的 methods屬性

methods:}}

);// 全域性元件不需要註冊就可以直接使用

區域性元件是只有配置項內容,在使用的時候,哪個元件需要用到,哪個元件通過components來註冊區域性元件。註冊過個區域性元件就可以在該元件的模板 template 中使用了

// 區域性元件:想在哪個元件中使用,就得在哪個元件中註冊

let haha =},

template:`}`

// 只能有乙個根元素};

let vm =

newvue(,

// 註冊區域性元件

components:})

;

>

>

}h1>

>

my-h1

>

>

part

>

div>

!注意:不管是全劇元件還是區域性元件,其模板(template)中只能有乙個跟元素。

Android 使用自定義元件和自定義屬性

使用場合 當使用者使用自定義的view元件時,需要指定屬性。例如要實現乙個預設的帶動畫效果的,顯示時自動從全透明變成完全不透明 需要新增乙個持續的事件 存放位置 res values attrs.xml 定義這樣乙個imageview public class alphaimageview exte...

自定義元件使用spring底層元件

把spring底層一些元件注入到自定義的bean中 例如 獲得spring ioc容器給當前bean設定的名稱,實現beannameaware介面 獲得特殊符號的解析器,實現embeddedvalueresolveraware介面 aware介面都是繼承aware介面,實現aware介面的類都有乙個...

vue 使用自定義元件

新建專案,ctrl r進入cmd,切換至工作目錄 c users asus f f cd study f study cd vue f study vue cd demo 安裝 vue cli npm install g vue cli?target directory exists.continu...