Javascript 我们如何将Vue JS与ASP.NET MVC和nuget软件包集成

我们如何将Vue JS与现有的MVC项目集成，并与Nuget软件包一起使用

尝试以下方法

<h3>VueJS 2 in ASP.NET MVC 5</h3>
<div id="aboutPage">
    { { message }}
</div>
<script>
    var aboutPage = new Vue({
        el: '#aboutPage',
        data: {
            message: 'Hello Vue! in About Page'
        }
    });
</script>

问题:

是否需要任何额外的软件包，如-webpack或gulp，我们已经有了MVC的bundle配置？ 二,。 如何为每个视图创建单独的文件或设计，如：

将调用web api的服务调用与客户端分离

分离出模板文件

用JS编写的方法或逻辑

任何带有VUEJ的MVC示例，如控制器、视图、服务、vue JS文件都非常好

---

非常感谢

您可以使用vuejs buy将其添加到布局中

 @Scripts.Render("~/node_modules/vue/dist/vue.min.js")

要使用NPM和ES6功能，您需要在计算机上安装NodeJ。 要在.NET MVC中集成Vue.js，您需要模块绑定器网页包gulp，可以选择以下选项之一，最流行的是网页包：

1:Gulp，Browserify，它有一些限制，比如只支持require语法处理资产。而且设置有点复杂

2：Webpack，它有很多很酷的东西，你可以用它来做，热加载。 通过使用webpack，您可以将其配置为仅处理js文件，并且它也将处理用于构建的js文件，构建后，每个条目都将复制到脚本/包中，您还需要一些加载程序，例如用于webpack的ass vue、scss、css和js

Webpack使用Webpack dev server进行开发，它基本上是一个基于node.js的服务器，提供浏览器可以解释的javascript、css等资产。通常，这些资产包括一些开发友好的特性，如热重新加载。这些资产没有缩小，与为生产而建造时产生的资产大不相同

devServer: {
proxy: {
    '*': {
        target: 'http://localhost:5001',
        changeOrigin: true
    }
}

},

WebpackDevServer有一个功能，可以将请求从一个url代理到另一个url。在这种情况下，来自webpack dev服务器的每个请求都将被代理到asp.mvc服务器。因此，如果我们在端口8086上运行MVC应用程序并运行npm run dev，您将看到与MVC应用程序相同的输出

答复: 1：是的，你必须设置Webpack或Gulp。 2.通过使用webpack，您可以为您想要的文件结构创建所有内容 检查这棵树

-应用程序 -自由基 --乌提尔斯 --组成部分 -----公地 -----....... ---页数 -----

检查这篇文章

如果希望保留.cshtml文件并将MVC用作多页应用程序，可以将此模板作为示例或起点

您可以创建要使用Vue增强的页面模块，并导入该捆绑包