為阿克塞哈薩克族自治等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù)，及阿克塞哈薩克族自治網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站設(shè)計(jì)、阿克塞哈薩克族自治網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

在使用VUE開發(fā)的時(shí)候，有時(shí)候，我們需要通過父組件像子組件傳遞數(shù)據(jù)或者為了防止每個(gè)子組件都會(huì)有請(qǐng)求數(shù)據(jù)事件的發(fā)生，從而導(dǎo)致代碼冗余，所以，我們可以把同一個(gè)模塊下的所有子組件請(qǐng)求事件都放到父組件中去處理。

1、父組件通過屬性的方式給子組件傳值

//注意：":city"和":swiperList"這里定義的什么名字，子組件中props接收的就是什么名字

//? ? ?"city"和"swiper"是你data中定義的名字

//js中

//data中定義好參數(shù)名，methods中獲取數(shù)據(jù)并賦值給data中的參數(shù)? ?

data(){

? ? return{

? ? ? ?city:'',

? ? ? ?swiper:[]

? ? }

},

methods:{

? ? getHomeInfo (){

? ? ? ? axios.get('/api/index.json')

? ? ? ? .then(this.getHomeInfoSuccess)

? ? },

? ? getHomeInfoSuccess(res){

? ? ? ? //這里面的數(shù)據(jù)獲取結(jié)構(gòu)取決于你自己的接口返回來的結(jié)構(gòu)

? ? ? ? res = res.data

? ? ? ? if(res.ret && res.data){

? ? ? ? ? ? const data = res.data

? ? ? ? ? ? this.city = data.city

? ? ? ? ? ? this.swiper = data.swiperList

? ? ? ? }

? ? }

},

2、子組件使用props接收父組件傳遞的屬性

子組件props中接收的參數(shù)只需要給其定義好數(shù)據(jù)類型即可！

Header子組件中：

//js中

props:{

? ? city:String

}

Swiper子組件中：

? ?

? ? ? ?

? ?

? ?

//js中

props:{

? ? swiperList: Array

}