小编eci*_*iii的帖子

我想渲染一个在表格中显示一行的自定义组件.

我有以下代码:

// js file
Vue.component('message-row', {
    data: function () {
        return {
            msg: 'Hello'
        }
    },
    template: '<tr><td>{{ msg }}</td></tr>'
});

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


// html file
<div id="app">
    <table><message-row></message-row></table>
</div>

问题是该行最终呈现在表外!像这样:

<div id="app">
    <tr><td>Hello</td></tr>
    <table></table>
</div>

你可以在这个JSFiddle中查看它https://jsfiddle.net/eciii/7v6yrf3x/

我不确定这是不是一个错误,或者我只是错过了一些非常明显的东西......