vue起步(4)之组件

vue组件：组件主要是扩展了HTML元素，使dom元素更加灵活，慢慢深入会发现组件是vue构建项目所必备的。
全局组件：

    

      
    
    
```
局部组件：
```
    

      
    
    
```
组件的另一种写法：
```
    

      
    
    
```
```body>
    

      
    
    
```
```
    

      
    
    
```
组件模板：
```
    

      
    
    
    
```
动态组件：
```
    

       
    
    
    
    
```
这里说的是和1.0不同2.0版本必须有根元素div包裹。否则会报错。
父子组件的数据传递通过props作为桥梁来传递数据：
```
    

       
    
    
    
    
```
父子组件之间的数据变化：有些情况下我们非要想让父组件的数据和自组件同步变化，实现同时变化，vue1.0版本有sync方法，但是在vue2.0中被移除，官方说他会破坏单向数据流，那么就这样做：
1）父组件要传一个对象给子组件也就是json形式
2）用mounted方法中转
```
    

       
    
    
    
    
```