分类：v-bind

2020
10-08

一文读懂vue动态属性数据绑定（v-bind指令）

v-bind的基本用法一、本节说明前面的章节我们学习了如何向页面html标签进行插值操作，那么如果我们想动态改变html标签的属性，该怎么办呢？这就是我们这节开始要讲的内容v-bind.二、怎么做“:”为v-bind的简写形式，也可称为语法糖三、效果四、深入在上图中将a标签的href属性值设置为toutiao，VUE实例将自动去data里面寻找toutiao属性进行值绑定。不只是a标签，所有的html标签属性都可以通过v-bind进行值绑定，然后通过... 继续阅读 >

2020
10-08

利用Vue的v-for和v-bind实现列表颜色切换

需求：在页面上显示四个列表，初始时字体为黑色。鼠标点击某一个列表时，该列表的颜色变为红色，其余列表仍为黑色。代码实现：<!--css--><style>.red{color:red;}</style><!--html--><divid="app"><ul><liv-for="item,indexinmovies":class="{red:changeRed==index}"v-on:click="change(index)">{{item}}</li></ul></div><!--JavaScript--><scriptsrc="../JS/vue.js"></script><script>constapp=newVu... 继续阅读 >