VUE注册组件时命名不能用大写吗

这段时间在使用vue，当然也遇到一些问题，这里就来跟大家分享一些注册自定义模板组件的一些注意事项。

首先“VUE注册组件命名时不能用大写“其实这句话是不对的，但我们很多人开始都觉得是对的，因为大家都踩过大写命名的坑

下面我们来看个例子：

<div id="app">
    <myTemplate></myTemplate>
</div>
 
<script>
    Vue.component('myTemplate',{
        template: '<h1>这里是自定义组件的内容</h1>'
    })
    new Vue({
        el: '#app'
    })
</script>

当我看完官网的文档后，信心满满的第一次准备自定义组件时，就写的跟上面差不多类型的代码

但是当我运行代码时，组件并没有被渲染出来，反而报错了说我用的组件没有注册，我当时真是挤破脑袋想了半天也没发现问题出在哪里

这时候我在想难道我的命名和源码里的冲突了？于是我把代码改成这样了↓

<div id="app">
    <mytemplate></mytemplate>
</div>
 
<script>
    Vue.component('mytemplate',{
        template: '<h1>这里是自定义组件的内容</h1>'
    })
    new Vue({
        el: '#app'
    })
</script>

然后运行代码&#x