在实例化Vue之前注册组件

一直打算看Vue的官方文档自学的萌新
https://cn.vuejs.org/v2/guide/index.html#组件化应用构建

1.在入门学习组件的时候碰到一个问题，在使用组件的时候，按照官方文档把代码复制进去，

在js中

var app = new Vue({
  el: '#app',
});

Vue.component('todo-item2', {
  template: '<li>这是个待办项</li>'
});

在HTML中，

<div id="app">
  <ol>
    <todo-item2></todo-item2>
  </ol>
</div>

结果浏览器报错：
Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option

结果发现应该在实例化Vue之前注册组件，即在js中交换一下代码的顺序

Vue.component('todo-item2', {
  template: '<li>这是个待办项</li>'
});

var app = new Vue({
  el: '#app',
});

哦了