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

Question

我将如何将具有index.html，main.css，main.js和vue.js的Vue JS文件夹集成到.Net MVC项目中？我不太熟悉 .Net 或它的实际工作原理，但我可以知道 CSS 文件进入指定文件夹的位置和传统的 JS 文件进入脚本文件夹的位置，但 vue 怎么样.js其中数据、方法和计算属性以及具有 Vue 语法的 html 存在。

此外，它

不是一个完整的网站，它只是一个小型网络应用程序，它将位于单个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

查看此解决方案中的ViewsHomeIndex.cshtml。Vue 脚本被注入到那里。