筆記:?

1. 安裝Vue cli 腳手架工具作用: 能創(chuàng)建一個基本的vue骨架基本項目結(jié)構(gòu)

???前提: 安裝好Node.js 和 npm;

???安裝全局Vue?cli?基本命令 npm??install??@vue/cli??-g

2. Vue項目的基本文件作用

3.組件之間的復用性 , import 導入 component

4.父子組件傳值:

4.1 父傳子 --- 注意props接收父組件傳過來的數(shù)據(jù)(類型, 屬性名,是否必須等等) ;

4.2 子傳父 -- 自定義觸發(fā)事件methods中使用形式

methods:{

handle(){

this.$emit('child-count-change', this.count)

}

}

解釋: this.$emit('代表回調(diào)的方法名','要返回給父組件的數(shù)據(jù)')

這里注意: 父組件的 使用子組件的標簽處要引用 @child-count-change

定義一個方法處理接收過來的數(shù)據(jù)值 @child-count-change = "handleFu"

在父組件中定義一個方法 : 接收子組件傳過來的數(shù)據(jù)進行做邏輯

methods:{

hanleFu(childCount){

..... // 這里對子組件傳過來的值做處理

}

}