1.dnc的js引用
需要引用的js文件要放在解决方案下的wwwroot目录下。否则将无法获取到指定js文件,出现404错误
2.vue的相关运用
0)通过new Vue并传入object来实例化一个vue对象,el用来绑定将哪部分标签设置为vue对象
注意:Vue首字母大写
1)v-bind:也可以直接写成:
用来绑定数据。如绑定标签样式,下图所示,当show_red为true时,对应样式将被使用
2)v-on:用来绑定标签事件,也可以写成@
这里需要注意的是:在cshtml中@表示引用C#语法,因此需要使用两个@
3)v-model可以实现标签值与数据之间的双向绑定
如图,input设置为checkbox后,其值为true或false,若改变时show_red的值也会改变,连带着上下两个h1标签的bind绑定的样式也会改变
v-model后面添加的是=,与上两个不同