vue 实例与组件的关系

创建Vue实例

var vm = new Vue({
  // 选项
})

官方：一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实例，以及可选的嵌套的、可复用的组件树组成。

创建组件

// 定义一个名为 button-counter 的新组件
Vue.component('button-counter', {
  data: function () {
    return {
      count: 0
    }
  },
  template: 'You clicked me {{ count }} times.'
})

组件是可复用的 Vue 实例，且带有一个名字：在这个例子中是 。我们可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用：

组件其实就是实例。

一个Vue项目是由一个根实例和多个组件组成，组件其实就是实例。只不过是为了区分使用方式，所以才用了两个叫法，即组件和实例

区分什么使用方式呢？

一般说的实例就是根实例，一个Vue项目只能有一个（new Vue）

一个Vue项目能有多个组件，并且每个组件都可重复使用。