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")