Javascript Vue组件在<；中不可见；模板>；html标签

我有一个简单的问题，但我找不到任何可靠的答案

这就是我想做的。为了清晰起见，代码被简化了

你好 这是应用程序：{{message}

@Html.Partial（“\u组件”） var vm=新的Vue({ el:“#应用程序”， 数据：{ 信息：“应用程序工作！” } }); 和

\u Component.cshtml

文件：

<my-component inline-template>
            <div>
                <p><button v-on:click="counter += 1">Add One More Click</button></p>
                <p>The button has been clicked {{ counter }} times</p>
            </div>
        </my-component>

        <script>
            Vue.component('my-component',
                {
                    data: function () {
                        return {
                            counter: 1
                        }
                    }
                });
        </script>

再点击一次

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

Vue.component（“我的组件”，
{
数据：函数（）{
返回{
柜台：1
}
}
});

此代码的问题是

my component

未渲染。总的来说，我正在从事

asp.netmvc

应用程序的项目，需要使用

模板

标记

如果我删除这个标签，页面在呈现之前是一片混乱

---

在这种情况下，是否有任何解决方案或解决方法可以查看组件？

您在错误的位置声明了组件。应该是这样的

你好 这是应用程序：{{message}

再点击一次

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

Vue.component（“我的组件”{ 数据：函数（）{ 返回{ 柜台：1 } } }); var vm=新的Vue({ el:“#应用程序”， 数据：{ 信息：“应用程序工作！” } });

---

您在错误的位置声明了组件。应该是这样的

你好 这是应用程序：{{message}

再点击一次

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

Vue.component（“我的组件”{ 数据：函数（）{ 返回{ 柜台：1 } } }); var vm=新的Vue({ el:“#应用程序”， 数据：{ 信息：“应用程序工作！” } });

---

是的，它是正确的。问题是我不能这样做，在我们的系统中，组件和脚本位于单独的文件中，由asp.net mvc的

Html.Partial

调用。。。我会编辑一个问题。是的，它是正确的。问题是我不能这样做，在我们的系统中，组件和脚本位于单独的文件中，由asp.net mvc的

Html.Partial

调用。。。我会编辑一个问题。