組件化登下，既然是筆記，那么就不拖泥帶水了叮喳，都是一些必須要掌握的知識(shí)點(diǎn)被芳，今天的內(nèi)容就是組件化：
這聽起來(lái)會(huì)讓我們想到模塊化編程馍悟，這里提到一點(diǎn)畔濒，他們是不一樣的，怎么不一樣呢赋朦？咱們遇到再說(shuō)篓冲，知道大家知道不是同一個(gè)東西就可以了；組件化就是將一個(gè)大的項(xiàng)目分成一個(gè)個(gè)小的項(xiàng)目去完成：
這期就簡(jiǎn)單介紹一下哈宠哄，組件呢一般是用在我們有很多重復(fù)代碼的時(shí)候壹将，比如想那種淘寶的賣貨頁(yè)面，那些一個(gè)一個(gè)的貨物界面其實(shí)都是一個(gè)小組件毛嫉，我們制作類似的頁(yè)面的時(shí)候就要想到用組件制作诽俯，我就直接可以省好多事；
組件化的學(xué)習(xí)有下面幾塊：
先讓大家看看組件代碼：
<body>? ?
<div class="" id="app">
? ? <my-cpn1 :movies1="movies" :greet1="greet">
? ? </my-cpn1>
? ? <my-cpn3 :mymovies="movies" @signlistren="sonlistren">
? ? </my-cpn3>
? </div>
</body>
<template id="cpn1">
? <div>
? ? <h2>我是組件一,{{movies1}}</h2>
? ? <p>{{greet1}}</p>
? </div>
</template>
<template id="cpn2">
? <div>
? ? <h2>我是組件2</h2>
? </div>
</template>
<template id="cpn3">
? <div>
? ? <h2>我是組件3,{{mymovies}}</h2>
? ? <button @click="submit(message)">通知父組件</button>
? </div>
</template>
這個(gè)一個(gè)一個(gè)的template標(biāo)簽就是一個(gè)組件的模板，很多重復(fù)的代碼放在里面暴区，可以看到我沒(méi)有把他們放在body里面顯示出來(lái)闯团，而是直接使用了它們的id注冊(cè)的標(biāo)簽，這些標(biāo)簽也是具有屬性的仙粱，所以有一些數(shù)據(jù)不一樣的話就就是使用這些屬性進(jìn)行更改房交；
這是基本使用，而組件的重中之重就是父子組件之間的關(guān)系伐割，其實(shí)主鍵是由自己的作用域的候味，它們與其他組件或者是vue實(shí)例是獨(dú)立開來(lái)的，當(dāng)然你也可以將vue實(shí)例看成是一個(gè)組件隔心，是一個(gè)最外邊的組件白群，父子組件只有可以通信才能改變數(shù)據(jù)，它們?cè)趺赐ㄓ嵲蹅兒竺嬷v硬霍，這一期先到這帜慢。
