這裡簡單介紹一下元件建立的三種方法
方式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...