为什么vue停止工作后渲染2页在cshtml？

uplii1fm 于 2023-05-18 发布在 Vue.js

关注(0)|答案(1)|浏览(168)

我是非常新的编程，我试图建立一个网站与asp.net mvc。
在渲染视图页面to _layout后，_layout中的vue停止工作，控制台显示此消息

Uncaught SyntaxError: Identifier 'app' has already been declared (at (index):562:13)

我认为这是由于我将vue脚本应用到两个页面造成的，但我真的不知道如何解决这种情况，以我非常有限的知识。对于两个cshtml文件（_layout和内页），我有如下所示的相同代码

const app = Vue.createApp({ 
   data() { return { }; }, 
   methods: { mymethodshere } })
.mount("#app");

有没有办法让两个页面都顺利运行？
先谢谢你的帮助。
我试着给vue使用不同的id来挂载，但这似乎并没有解决这个问题。

1条答案

正如错误所述，您在页面中有两次Vue app。
在_layout和其他地方，你有相同的app变量。

const app = Vue.createApp

例如，您可以将它们重命名为app1和app2。

const app1 = Vue.createApp
.mount("#app1");

const app2 = Vue.createApp
.mount("#app2");

或者你必须将两者合并到一个Vue应用程序中。