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.字符串要用单引号“ ’ ”包住
加上了冒号是为了动态绑定数据,等号后面可以写变量。
如果不使用冒号,等号后面就可以写字符串等原始类型数据,这是就无法进行动态绑定数据了。