我正在尝试制作VueJS应用,但即使使用最简单的示例,我也失败了。我将Laravel 5.3与对VueJS的预构建支持一起使用(版本1,我也尝试了版本2)。
这是我的Example.vue组件
<template>
<div class="profile">
{{ name }}
</div>
</template>
<script>
export default {
data () {
return {
name: 'John Doe'
}
}
}
</script>
Run Code Online (Sandbox Code Playgroud)
这是主要代码
Vue.component('example', require('./components/Example.vue'));
const app = new Vue({
el: '#app'
});
Run Code Online (Sandbox Code Playgroud)
这是每次都会在控制台中显示的错误:
[Vue警告]:属性或方法“名称”未在实例上定义,但在渲染期间被引用。确保在data选项中声明反应性数据属性。(在组件中找到)
有什么想法怎么了?谢谢