Vue.js学习过程（二）

Vue组件

1.Vue组件是Vue里面很重要的一个部分，本质上是一个拥有预定义选项的一个 Vue 实例。我一般选择用组件来构成我的前端页面。
比如，

#app
      el-container
        el-aside(width='100px')
          router-view(name='naviBar')
        el-main
          router-view(name='mainContent')
          router-view(name='messages')

一个路由导航至的页面由三个组件构成，也就是说这三个组件就是构成这个页面的元素。
每一个组件也会有自己的data(),method(),computed()等组成。

// 定义名为 todo-item 的新组件
Vue.component('todo-item', {
  template: '<li>这是个待办项</li>'
})

如果在template处我们就是按照Vue的方式去写html,需要注意的是如果要在template中应用data中的数据，是不需要加{{}}的。
组件是可复用的 Vue 实例，且带有一个名字。我们在使用的时候可以通过：
来使用。
每用一次组件，就会有一个它的新实例被创建。除非使用的是动态组件。
为了能在模板中使用，这些组件必须先注册以便 Vue 能够识别。这里有两种组件的注册类型：全局注册和局部注册。一般像：

Vue.component('...', {
  template: ...
})

这种都是全局注册的组件。