Vue笔记（一）：组件（component）

时间：2022/01/14

Vue的compent是一个可以用来复用的组件，如下面的代码所示，Vue.component后面的第一个参数定义了该组件的名字为machi，这样就可以通过标签来实现相同的代码段复用，第二个参数是组件的内容，其中template中定义的是该组件的html代码段。为了使标签中可以遍历获得vm对象data中的数据，通过v-bind属性将遍历中的item与组件中的props中的att相绑定，在通过{{att}}来取到item的值。

 1 
 2 
 3 
 4     
 5     
 6     
 7     
 8 
 9 
10     
11     

12         for="item in name" v-bind:att="item">
13         
14     
15 
16     
17 
18     
31 
32 
33 
34