Javascript 未为组件内部的变量定义Vue引用

我正在尝试将vue.js与asp.net MVC集成。正如标题所说，我对组件变量有一个问题

我做了一个简化的代码来告诉你们我在说什么

这是我的“关于页面”，其中包含一些消息和组件：

ASP.NET MVC 5中的VueJS 2 {{message}}

再点击一次

该按钮已被单击{{counter}}次

var aboutPage=新Vue({ el:'关于页面'， 数据：{ 消息：“你好，Vue！在关于页面中” } });

smpl component.js

中的代码很简单：

Vue.component（'smpl-component'）{
模板：“#smpl模板”，
数据：{
柜台:0,，
}
});

这很简单，但它给了我一个错误：

ReferenceError:未定义计数器

出现错误的原因是，在my

aboutPage

js中的my

About.cshtml

文件中，我没有

计数器

变量

为了让这一切顺利进行，我已经努力了第二天

它工作的唯一方式是我这样定义组件：

Vue.component（'smpl-component'）{
模板：'再添加一次单击

该按钮已被单击{{counter}}次
，
数据：{
柜台:0,，
}
});

但我不喜欢这种方式，因为在我的头项目中，组件将包含更多的代码

---

我如何才能以任何智能方式实现这一点？

最简单的解决方案是创建一个包含两个组件的包装器组件。然后在

smpl组件中

您可以向下发送prop

计数器

，并发出umpdated值（更多读数：）顺便问一下，如果在

x-template

之后移动

脚本

标记（包括组件），是否会有任何区别？我使用了u链接的线程中的解决方案：）谢谢