【问题标题】:How to insert Vue JS code into .Net MVC project如何将 Vue JS 代码插入 .Net MVC 项目
【发布时间】:2019-06-05 18:03:03
【问题描述】:

如何将包含 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 脚本正确编译它?

【问题讨论】:

    标签: asp.net asp.net-mvc vue.js


    【解决方案1】:

    我创建了这个结合了 .NET MVCVue.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

    希望对你有帮助。

    【讨论】:

      【解决方案2】:

      最适合您(如果您使用 ASP.NET Core)安装和使用来自此存储库的模板https://github.com/MarkPieszak/aspnetcore-Vue-starter

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

      【讨论】:

      • 虽然此信息可能有用,但问题是关于 MVC 架构而非核心。