我似乎无法从内联模板将Vue数据传递到Vue组件中。
而是出现了以下错误:
而是出现了以下错误:
vue.min.js: Uncaught TypeError: Cannot read property 'type' of undefined
以下是我正在使用的示例代码:
Vue.component('data-item', {
props: ['food'],
template:"<li>{{food}}</li>"
})
var content = new Vue({
el: '#content',
data: {
value: 'hello value!'
}
})
<script src="//cdnjs.cloudflare.com/ajax/libs/vue/2.4.2/vue.min.js"></script>
<div id="content">
<!-- this works
<ol>
<li>{{value}}</li>
</ol>
-->
<!-- passing data from vue instance to component doesn't work -->
<ol>
<data-item v-bind:food="value" inline-template></data-item>
</ol>
</div>
template: "<li>{{food}}</li>"
,为什么还需要使用inline-template
? - lmarqs