我想呈现一个自定义组件,它在表中显示一行.
我有以下代码:
// 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>
你可以在这个JSFIDLE https://jsfiddle.net/eciii/7v6yrf3x/中查看它
我不确定这是一个错误还是我只是错过了一些非常明显的东西...