Vue.js学习第一天-组件注册与使用

Vue.js学习文档 地址：https://cn.vuejs.org/v2/guide/

关于自定义组件注册：

建议将<script></script>放在body标签之后

HTML：

   　　　<p>
            看不到自己注册的组件todo-item：
            <todo-item></todo-item>
        </p>
        <p>上面，注册组件失败，
            因为：少了个id限定这个自定义标签出现的范围.
            下面的成功了，因为
            只有在id为todo-item-example的p标签或其他标签下
            才能用这个自定义标签</p>
        <p id="todo-item-example">
            <todo-item></todo-item>
        </p>

JS:

　　　　　　　Vue.component('todo-item',{
                template: '<span>这是一个待办项</span>'
            })
            
            new Vue({
                el:'#todo-item-example'
            })