天天看點

vue

vue元件

元件(compoent)是vue最強大的功能之一。

稱之為元素,元件可以擴充HTML中的元素,封裝可重用的代碼。

[外鍊圖檔轉存失敗,源站可能有防盜鍊機制,建議将圖檔儲存下來直接上傳(img-zEKCGko6-1604129087137)(C:\Users\DELL\AppData\Local\Temp\1564645532592.png)]

文法:Vue.compoent(tagName,Options)

tagName就是元件名,Options是配置的選項,用一下方式調用元件

文法:

所有實力都可以用到全局元件

prop 是父元件用來傳遞資料的一個自定義的屬性

父元件通過prop把資料傳遞給子元件,子元件就需要顯示的方式聲明“prop”

類似于用v-bind綁定HTML特性的一個表達式,我們也可以用v-bind動态綁定prop的值到我們的父元件的資料中。

父元件是使用props傳遞資料給子元件,子元件想要把資料傳遞回去,就需要我們自定義事件

使用v-on指令綁定自定事件

$on(eventName)監聽事件

$emit(eventName)觸發事件

1、注冊一個全局的元件

2、注冊局部元件

3、props父元件對子元件傳值

4、自定義事件,子元件像父元件傳值

1、搞清楚什麼是元件,并熟練使用祖冊全局元件和局部元件

上一篇: html 布局
下一篇: Vue