Vue2.0 Component的详解（重点）

1.0 全局的component&局部的component

<div id="app">
     <lhq></lhq>
</div>

Vue.component('lhq',{
         template: '<p>我是一个全局的lhq组件</p>'
})

上述的虽然是全局的一个组件，能在多个vue作用域里面使用,但是必须在vue作用域里面，记住一定得在vue作用域里！！！

var app = new Vue({
          el : '#app',
          components : {
               'lhq': {
                   template:'<p>我是局部的一个组件<p>'
             }
    }
})

和全局的组件不同的是，component是加s的，因为不一定只有一个局部组件，可能有很多，还有这里的组件只能在它制定的作用域里面使用

2.0 在组件上传值

<div id="app">
     <lhq :here="country"></lhq>
</div>