.netcore与vue的学习笔记001

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后面添加的是=，与上两个不同