原文：vue v-for v-on v-bind的结合使用
学习不是一蹴而就，慢慢掌握，一开始做这道题的时候会不知道从哪里下手，多敲代码，就体会了其中的套路啦。 需求：点击哪个标签，哪个标签就会变红色 .先使用v for把列表展示出来 注意点a.index是下标 b.v for写完后要把要把循环的东西表示出来，用 包围 .第一步，动态的添加class，通过对象的方式，v bind：class active：true 注意这里的class等于的是一个动态对象 ...
2021-04-24 00:16 0 248 推荐指数：
相关推荐
v-on和v-bind 简写 v-bind 缩写 v-on缩写 ...
v-bind绑定属性不需要加""{{}}"" 可简写为一个":" <input type="" name="" :value="msg" :title='msg'> <input type="" name="" v-bind:value="msg" v-bind ...
参考解决在WebStorm中使用Vue的v-bind，v-on报错 File-->Settings-->Editor-->Inspections-->XML 把 Unbound XML namespace prefix的勾去掉 应用即可 ...
目录 v-bind：绑定属性值，内容相当于js，缩写: v-on:绑定方法，缩写@ 总结 v-bind：绑定属性值，内容相当于js，缩写: 我添加了一个input标签，如下 这样显示的title是固定的，我想使用Vue的data里面的值，就需要加 ...
v-bind指令用于设置HTML属性：v-bind:href 缩写为 :href <a :href="{{url}}">aa</a> v-on 指令用于绑定HTML事件 ：v-on:click 缩写为 @click <a @click="get ...
v-show指令 v-else指令 v-bind指令 v-on指令 1：v-if指令 v-if ...
语法糖 ：是指在不影响功能的情况下，添加某种方法实现同样的效果，从而方便程序开发，简化代码是书写。 Vue.js的v-bind和v-on指令都提供了语法糖，也可以说是缩写。 1.v-bind可以省略，直接写一个冒号“:”： ...