我正在尝试使用.netcore和vue.js创建应用程序。我想使用vue.js进行数据加载和绑定,而不是创建SPA。
在_layout.cshtml中,我有:
<script>
new Vue({
el: '#app',
data: {
text: 'test'
},
methods: {
custommethod: function () {
alert('a');
}
}
})
</script>
@RenderSection("Scripts", required: false)
在我的Page1.cshtml中,我有>
<div id="childapp">
<h1>Page 1</h1>
<button id="vueButton" @@click="custommethod"> {{ text }} </button>
<button id="vueButton" @@click="custommethod"> {{ textaa }} </button>
<div id="button-counter"></div>
</div>
@section Scripts
{
<script>
Vue.component('childapp',
{
data: function() {
textaa: 'component text'
}
})
</script>
但是我在JS控制台中收到错误消息:
vue.js:634 [Vue警告]:属性或方法“ textaa”未在实例上定义,但在渲染期间被引用。通过初始化属性,确保该属性在data选项中或对于基于类的组件都是反应性的。参见:https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties。
你有什么想法吗?
答案 0 :(得分:0)
我相信您的数据函数必须返回一个对象,这样:
Vue.component('childapp',
{
data: function() {
return {
textaa: 'component text'
}
}
}