溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
理由：有時你不行事先確定是否添加某個CSS類，你想要計算或者動態決定，比如說添加<hr>標簽和<input>輸入框，輸入框綁定color屬性，查看代碼：
現在<div>元素根color屬性產生了關聯，而color的值在輸入框設置，在輸入框中把值改成blue或者red，等任意設置過的CSS類。
理解過程：我滅有用布爾值來控制是否添加greenl類，而是直接輸出CSS類的名稱，它正好是data對象中的屬性，該屬性值在輸入框中設置，值也可以通過其它方式，不一定非得輸入框，關鍵在于我存的是具體值，而不是布爾值，是被添加的東西------CSS類名稱，也可以通過輸入語法添加多個CSS類：
變成數組后，效果還是沒有變，還可以改成混合數組，
現在該元素始終由greenl類，因為值寫在輸入框中，可以改成blue,red，
如果現在點擊div1再刪掉，就可以看到第三個塊變成 了紅色，因為此時該元素也添加了red類，現在我們設置了CSS類數組，Vue會自動分析這個數據結構，然后根據數組每項的解析結果，合并成一個CSS類列表，而每項解析成什么？他們分別解析為color屬性即一個CSS類，和一個對象，如果是對象，Vue就指定這是個鍵（key)值(value)對，key是CSS類，value為是否要添加該CSS類的布爾值，這里attachRed屬性就是決定是否要添加類，兩種語法都能夠兼容，直接使用CSS類，或者使用一個對象，對象中key是CSS類，value是添加判斷。全部代碼為：
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
