Vue学习笔记

component组件是Vue学习的重点、重点、重点，重要的事情说三遍。
所以你必须学好Vue component。
其实组件就是制作自定义的标签，这些标签在HTML中是没有的。
之前一直对组件的概念模模糊糊，看到上面这句话里面清楚了，所以加粗记下来！

组件和指令的区别：
指令定义的是标签属性。
组件定义的是标签。
组件注册的是一个标签，而指令注册的是已有标签里的一个属性。

Component 组件props 属性设置：
props选项就是设置和获取标签上的属性值的.

父子组件的嵌套:
因为是从上到下加载的，所以如果在父组件里面用到了子组件，那么子组件一定要写在前面，不然加载不到。
然后要在父组件的components里面写上子组件。示例代码片段：

        var city = {
            template:`<div style="color:green;">shanghai,from China. </div>`,
        }
        var cynthiaComponent = {
            template:`<div style="color:red;">cynthia,from China. 
          <city></city>
          </div>`,
            components:{
                "city":city
            }
        }