ASP.NET Core Vue.js 是一個集成框架，可以將Vue直接嵌入ASP.NET Core應用程序中。ASP.NET模板提供了成熟的客戶端項目結構，可讓您快速開始使用Vue.js。

public class Startup
{
public void ConfigureServices(IServiceCollection services)
{
services.AddControllersWithViews();
services.AddSpaStaticFiles(configuration =>{
configuration.RootPath = "ClientApp/dist";
});
}
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
app.UseWebpackDevMiddleware(new WebpackDevMiddlewareOptions
{
HotModuleReplacement = true
});
}
else
{
app.UseExceptionHandler("/Error");
app.UseHsts();
}
app.UseHttpsRedirection();
app.UseStaticFiles();
app.UseSpaStaticFiles();
app.UseRouting();
app.UseEndpoints(endpoints =>{
endpoints.MapControllerRoute(name: "default", pattern: "{controller}/{action=Index}/{id?}");
});
app.UseSpa(spa =>{
spa.Options.SourcePath = "ClientApp";
if (env.IsDevelopment())
{
spa.UseVueCli(npmScript: "serve");
}
else
{
spa.UseVueCli(npmScript: "build");
}
});
}
}

在做Vue.js開發時，我們使用Vue CLI創建一個新的項目，使用Webpack編譯和打包應用程序，但是在使用ASP.NET Core Vue.js時，您可以借助Node.js和Vue CLI，并結合ASP.NET Core應用程序提供的API和路由創建一個全新的應用程序。 框架將處理API和數據傳輸，而Vue.js則處理 UI 組件和用戶交互性。

ASP.NET Core Vue.js使您可以使用Vue.js以與ASP.NET Core API和基于Web的UI組件相同的方式創建視圖，并使通信和呈現數據變得更加容易。