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

 3.Vue中a标签的href属性的写法

<div v-for="(t, index) in list" :key="t">
     <a :href="'/Teacher/Detail?id='+t.ID">
     </a>
</div>

a.注意点：href前面要加“：”

b.字符串要用单引号“ ’ ”包住

加上了冒号是为了动态绑定数据，等号后面可以写变量。
如果不使用冒号，等号后面就可以写字符串等原始类型数据，这是就无法进行动态绑定数据了。