如何将Vue JS代码插入.Net MVC项目

Question

如何将具有index.html，main.css，main.js和vue.js的Vue JS文件夹集成到.Net MVC项目中？我不太了解.Net或它如何真正工作，但是我可以告诉CSS文件在指定文件夹中的位置，而传统JS文件在脚本文件夹中的位置，但是vue.js在数据，方法和计算属性存在的地方怎么样？以及具有Vue语法的html。

而且，它不是一个完整的网站，它只是一个小型Web应用程序，它位于一个URL中，不会在页面之间跳转。如果我将具有Vue语法的HTML插入cshtml文件中，是否可以使用文件中的Vue脚本正确编译它？

Answer 1

我创建了将 .NET MVC 与 Vue.js 结合在一起的模板。您可以使用整个Vue生态系统，但是如果您不想在任何页面上使用它，都可以选择退出。

GitHub：https://github.com/danijelh/aspnetcore-vue-typescript-template

中：https://medium.com/@danijelhdev/multi-page-net-core-with-vue-js-typescript-vuex-vue-router-bulma-sass-and-webpack-4-efc7de83fea4

希望有帮助。

Answer 2

最适合您的选项（如果使用ASP.NET Core）从该存储库https://github.com/MarkPieszak/aspnetcore-Vue-starter安装和使用模板

在此解决方案中查看\Views\Home\Index.cshtml。 Vue脚本被注入那里。