元件化
將乙個具備完整功能的專案的一部分進行多處使用
加快專案的進度
可以進行專案的復用
要想實現元件化,那麼我們使用的這一部分就必須是完整的,我們把這個完整的整體就稱之為元件
外掛程式: index.html img css js
如果能將 html css js img 等多個部分放在一起,那該有多好,vue將這個聚合體的檔案稱之為,單檔案元件( xx.vue )
基本步驟
最原始的方式
全域性註冊
vue.
component
('mytem1'
,tem1)
;//註冊元件
/*
使用 vue.component() 定義全域性元件的時候,
元件名稱使用 駝峰命名,則在引用元件的時候,需要把大寫改為小寫,並且用 '-'將單詞連線
元件名稱不使用駝峰命名,則直接拿名稱來使用即可
*/newvue(}
)1.3 使用元件--
>
>
<
/gabriel-yan>
<
/div>
縮寫方式
直接使用vue.component()
vue.
component
('mycom2',)
>
<
!-- 如果要使用元件,直接把元件的名稱以 html 標籤的形式,引入到頁面中--
>
<
/my-tem1>
<
/div>
普遍實用的方式
1. 定義元件 --
>
vue.
component
('mycom3',)
;>
>
3. 引用元件 --
>
<
/mycom3>
<
/div>
"tem1"
>
這是 template 元素<
/h1>
這種方式好用<
/span>
<
/div>
<
/template>
django中queryset的兩大特性
roles roleinfo.objects.all 建立查詢集的時候,是不會訪問資料庫的,直到真正的呼叫資料的時候,才會訪問資料庫,所以 roles roleinfo.objects.all 沒有真正的進行資料庫查詢的,只是建立了乙個資料庫查詢集 呼叫資料,真正的使用資料 1 迭代 2 序列化 3...
深入認識Spring兩大特性IOC和AOP
眾所周知,spring有兩大特性 ioc和aop。ioc 英文全稱是inversion of control,意為控制反轉 依賴注入。aop 英文全稱是aspect oriented programming,意為面向切面程式設計。總的來說,spring是乙個輕量級的控制反轉 ioc 和面向切面程式設...
HDFS的兩大核心和元資料合併
檔案上傳過程 寫 8.開始上傳第乙個資料塊 9.先構建第乙個資料塊上傳的通道pipline,客戶端 向節點發 構建通道的時候,客戶端啟動搞乙個阻塞程序,等待datanode的響應 10.開始第乙個資料塊的資料上傳 客戶端上傳到datanode01,先上傳到記憶體中,存在磁碟裡,datanode03向...