组件之间的细节一(Vue)

<div id="root">
        <table>
            <tbody>
                <!-- 错误的写法 -->
                <!--
                    <row></row>
                    <row></row>
                    <row></row>
                -->
                <!-- 正确写法 加is属性 -->
                <tr is="row"></tr> 
                <tr is="row"></tr>
                <tr is="row"></tr>
            </tbody>
        </table>
    </div>

        Vue.component("row",{
            //子组件定义data时 ，data不能为对象，必须是函数
            data: function() {
                return {
                    content: "this is a row"
                }
            },
            template: "<tr><td>{{content}}</td></tr>"
        })
        var vm = new Vue({
            el: "#root",
            data: {

            }
        })