ASP.NET Core Vue.js 是一個(gè)集成框架，可以將Vue直接嵌入ASP.NET Core應(yīng)用程序中。ASP.NET模板提供了成熟的客戶端項(xiàng)目結(jié)構(gòu)，可讓您快速開始使用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開發(fā)時(shí)，我們使用Vue CLI創(chuàng)建一個(gè)新的項(xiàng)目，使用Webpack編譯和打包應(yīng)用程序，但是在使用ASP.NET Core Vue.js時(shí)，您可以借助Node.js和Vue CLI，并結(jié)合ASP.NET Core應(yīng)用程序提供的API和路由創(chuàng)建一個(gè)全新的應(yīng)用程序。 框架將處理API和數(shù)據(jù)傳輸，而Vue.js則處理 UI 組件和用戶交互性。

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