<!--viwe部分-->
<template>
	<view>
	<!--調(diào)用組件 組件的屬性 數(shù)據(jù)屬性前面加 : 符號(hào) 事件加 @ 符號(hào) 因?yàn)楦讣?jí)頁(yè)面無(wú)法直接改變子頁(yè)面參數(shù) 可通過(guò)ref屬性可調(diào)用子頁(yè)的方法改變參數(shù)值  -->
	<Assembly :TitleData="name" @trigger="GetData" ref="mySon">
	<!-- 如果父級(jí)頁(yè)面需要在組件中間加入代碼 需要子頁(yè) 插入的地方加上<slot></slot> -->
	</Assembly>
	<!--調(diào)用組件-->
	</view>
</template>	
<!--js部分 在這里聲明注冊(cè)組件-->
<script>
  //只要組件安裝在項(xiàng)目的components目錄下或uni_modules目錄下，并符合components/組件名稱/組件名稱.vue目錄結(jié)構(gòu)。就可以不用引用、注冊(cè)，直接在頁(yè)面中使用。
  import Assembly from '@/components/assembly'
  export default {
    components: {
      Assembly 
    },
	data() {
		return {
			name:"" //這里的數(shù)據(jù)類型根據(jù)子級(jí)頁(yè)定義
		}
	},
	methods: {
		GetData(){
			console.log(觸發(fā)事件了)
			//這里觸發(fā)父級(jí)事件 通過(guò)綁定名稱mySon 直接執(zhí)行子頁(yè)方法foumr() 
			t.$refs.mySon.foumr();
		}
	}
  }
</script>

<template>
	<view>
		<view @click="SetName">姓名：{{TitleData}}</view>
		<view>性別：{{gender}}</view>
		<!--使用slot組件聲明插入代碼的位置-->
		<slot></slot>
	</view>	
</template>
<script>
export default {
  //需要給父頁(yè)傳值的參數(shù)都放在props里面 每個(gè)參數(shù)作為一個(gè)對(duì)象 都需要聲明 傳值的類型 type 以及內(nèi)容 default 沒(méi)有默認(rèn)值時(shí)為空 type不可為空 ，如參數(shù)的值無(wú)需 交互 可直接寫在 data=>return 里面
  props: {
  	//這里定義的參數(shù)名稱 在父頁(yè)作為組件的屬性用來(lái)綁定參數(shù)
	TitleData:{
		type:Array,
		default:""
	}
  },
  data() {
    return {
		gender："男女"
	};
  },
  methods: { 
	SetName(){
		// 在這里定義父頁(yè)觸發(fā)組件事假的屬性名  trigger  后面可以傳值 index
		this.$emit('trigger',index)
	},
  },
};	
</script>