[Vue warn]: Unknown custom element: ＜component-name＞ - did you register the component correctly?

学习Vue碰到的一个错误。
[Vue warn]: Unknown custom element: - did
you register the component correctly? For recursive components,
make sure to provide the “name” option.
(found in )

懵。。。。。。。。。。。。。。。莫不是刚入门就劝退的节奏…
自己研究一下：

var vm = new Vue({
            el: "#app1",
            data:{
                message:"这是第一个Vue实例"
            }
        })
    // 定义组件
    Vue.component('component-name',{
        props: ['message'],
        template: '<li>{{message}}</li>'
    });

上面是简单的组件定义，一看完全没有问题。一运行就报错。
解决：1.组件定义和对象定义位置进行互换。
如下：

    Vue.component('component-name',{
        props: ['message'],
        template: '<li>{{message}}</li>'
    });
    var vm = new Vue({
            el: "#app1",
            data:{
                message:"这是第一个Vue实例"
            }
   })

2.看看自己在组件命名时是否是开头大写。有的时候，浏览器统一会按照小写处理，因为大小写找不到相应组件名错误。