Vue元件基礎 一 元件的建立

2021-10-02 04:04:48 字數 1008 閱讀 5259

這裡簡單介紹一下元件建立的三種方法

方式1:extend建立的元件

//用乙個變數接收extend建立的元件

var com = vue.

extend()

// 然後把建立好的元件放入到vue中

vue.

component

("first-component"

, com)

// 第二種 註冊全域性元件 注意元件必須在vue控制的元素中使用 直接使用字面量

vue.

component

("second-component",)

//第三種 把用js建立的模板註冊到vue的元件中

vue.

component

("third-component",)

var vm =

newvue(,

methods:

,components()

}})<

/script>

<

/body>

<

/html>

注意點一:模板的命名:我們可以使用駝峰命名法或者kebab-case (短橫線分隔命名) ,但是我們需要注意,在使用的元件的時候,駝峰命名法是不能使用的。所以我們需要把駝峰命名的元件名轉換為kebab-case。接下來舉個例子:如果我們使用駝峰命名乙個元件為myfirstcomponent,那麼我們使用的時候

注意點二:元件的模板必須包含在乙個根標籤中,也就是說模板最外層有且只用乙個根標籤,如果模板中需要放置多個標籤,那麼這些標籤必須被包含在乙個根標籤中。例如

template:

"這是乙個段落

"

這個模板中有h3和p兩個標籤,所以我們必須在最外層包含乙個div根標籤,因為模板最外層有且僅有乙個根標籤元素。

Spring註解(一) 元件註解

1 configuration 告訴spring這是乙個配置類 2 bean 給容器中註冊乙個bean 型別為返回值的型別,id預設是用方法名作為id 預設是單例項 3 componentscan 包掃瞄,自動把 controller service repository component下的元件...

spring整理(一)元件整合

簡單來說,spring 框架是乙個分層架構,由 7 個定義良好的模組組成的輕量級開源框架。spring模組構建在核心容器之上,核心容器定義了建立 配置和管理 bean 的方式,它是乙個基於ioc di和aop的構架多層j2ee系統的框架。可以說spring是企業應用開發的 一站式 選擇,並貫穿表現層...

VUE 元件(二)元件通訊

元件關係可分為父子元件通訊 兄弟元件通訊 跨級元件通訊。一 自定義事件 當子元件向父元件傳遞資料時,就要用到自定義事件 子元件用 emit 來觸發事件,父元件用 on 來監聽子元件事件 通過兩個按鈕實現 1 1的效果,在改變元件data中的count後,通過 emit 將值傳給父元件,父元件用v o...