MVC小知识整理

1.@section Scripts{}和@section css的使用

当共享视图（_Layout.cshtml），存在节点（@RenderSection("scripts", required: false)）时，将Javascripts代码放在（@section Scripts{}），css代码放在（@section Scripts{}）中。好处是在视图执行时，Razor引擎会将Javascripts代码抽调出来，然后在执行的时候，再将这些代码放置在这个地方。

2.Scripts.Render的使用

2.1.先配置BundleConfig.cs文件

在App_Start 里面BundleConfig.cs 文件里面，添加要包含的js和css文件，BundleConfig配置信息如下：

  public static void RegisterBundles(BundleCollection bundles)
        {
            bundles.Add(new ScriptBundle("~/bundles/vue").Include(
                "~/vue/vue.js",
                "~/vue/vue-resource.js"));
            bundles.Add(new StyleBundle("~/vue/elementcss").Include(
                      "~/vue/css/index.css"));
        }

2.2.使用Scripts.Render、Styles.Render引用BundleConfig中的配置

a、在视图文件中使用Scripts.Render()输出脚本包，Styles.Render()输出样式包

b、Script文件引用：@Scripts.Render(virtualPath[,virtualPath1][,virtualPath2][,...])

c、CSS文件引用：  @Styles.Render(virtualPath[,virtualPath1][,virtualPath2][,...])

实例如下：

   @Scripts.Render("~/bundles/vue")
   @Styles.Render("~/Vue/elementcss")

 

标签：vue,Render,section,知识,bundles,MVC,Scripts,整理,css
来源： https://www.cnblogs.com/qianj/p/12759736.html