Vue中兩大特性指令和元件建立流程

2021-09-24 22:51:57 字數 1185 閱讀 2747

元件化

將乙個具備完整功能的專案的一部分進行多處使用

加快專案的進度

可以進行專案的復用

要想實現元件化,那麼我們使用的這一部分就必須是完整的,我們把這個完整的整體就稱之為元件

外掛程式: 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向...