vue 組件

組件:頁面上的每個部分都是組件

三部分

一、結構 template

二、樣式 style

三、邏輯 script

 

組件做用：

複用

 

 

封裝---->nav

 

function nav(){

<ul>

<li>首頁</li>

<li>首頁</li>

<li>首頁</li>

</ul>

}

 

nav()

 

分模塊

A 我的信息模塊 商品查詢模塊

 

B 商品列表模塊 評論模塊

 

 

 

模塊--->包含組件

 

 

 

組件建立

全局組件

Vue.component();

 

 

局部組件

components();

 

 

參數1：組件的名稱

參數2：組件的配置項

 

 

組件的配置項：

new Vue這個裏面有什麼參數 那麼組件的配置項中就有什麼參數 包含生命週期

 

組件內部多了一個屬性

template

 

組件內部的data不在是一個對象 而是一個函數

 

使用

直接將組件的名稱當作標籤使用便可

 

 

組件名稱首字母必須大寫

 

 

 

腳手架的使用

 

安裝

3.0 cnpm install @vue/cli -g

 

2.9.3 cnpm install vue-cli -g

 

建立項目

3.0 vue create <項目名稱>

 

2.9.3 vue init webpack <項目名稱>