vue組件的基本使用，以及組件之間的基本傳值方式

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

1.三部分：結構（template），樣式（style），邏輯（script）

2.組件的做用：複用

3.模塊包含組件

4.組件建立：

    1.全局組件:Vue.component();

    2.局部組件：components（）;

        參數1：組件的名稱

        參數2：組件的配置項

*組件的配置項：

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

    2.組件內部多了一個屬性template

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

組件的使用：

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

    2.組件名稱首字母必須大寫

5.腳手架的使用

    1.安裝：

        3.0 cnpm install @vue/cli -g

        2.9.3 cnpm install vue-cli -g

    2.建立項目

        3.0 vue create <項目名稱>

        2.9.3 vue init webpack <項目名稱>

6..組件間的傳值（組件之間的通信）

    一.父子通訊

    1.父傳子

       傳遞：當子組件在父組件當作標籤使用的時候，經過給子組件綁定一個自定義屬性，值爲須要傳遞的數據

        接收：在子組件內部經過props進行接收

            接收方式有兩種：

                1.一種是數組接收，2.另外一種是對象接收

                通常狀況下咱們都使用對象進行接收，由於對象接收能夠校驗數據的類型

eg：

props:["val"];

props:{

    val:String//當這個是number的時候，就會有警告

}

    2.子傳父

        （1）傳遞：當子組件給父組件傳遞數據的時候，經過調用父組件給子組件綁定的自定義事件，而後將傳遞過去

        接收：父組件經過自定義事件的函數來接收子組件傳遞過來的數據（注意這個自定義方法的函數在綁定的時候不須要加（））

        （2）做用域插槽

    2、 非父子

        1.在vue的原型身上添加一個公共的vue實例，組件之間調用這個公共的實例的$on and $emit來傳遞數據，傳遞的一方調用$emit,接收的一方用$on;

        2.手動封裝$on $emit $off（原理應用了觀察者模式）

        3.EventBus

        4.vuex