原文：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可以省略，直接寫一個冒號“:”： ...