这是报错的代码
<div id="app">
<message content="Hello World"></message>
</div>
<script>
var Message =new Vue({
props: ['content'],
template: '<h1>{{content}}</h1>'
});
Vue.component('message', Message);
var vm = new Vue({
el: '#app',
});
</script>
然后这是改正后的代码:
<body>
<div id="app">
<message content="Hello World"></message>
</div>
<script>
var Message ={
props: ['content'],
template: '<h1>{{content}}</h1>'
);
Vue.component('message', Message);
var vm = new Vue({
el: '#app',
});
</script>
区别就在于使用自定义标签的时候不需要new Vue