vue綁定class和style

1.綁定class

方法一：通過在vue實例的data中添加類名來綁定樣式。具體流程如下

a.定義樣式的class

定義樣式

b.在vue實例中添加類名數(shù)據(jù)

data添加數(shù)據(jù)

c.給元素綁定樣式

綁定樣式

方法二：通過json來綁定樣式赵辕，具體流程如下：

a.定義樣式class

定義樣式

b.通過json綁定樣式

綁定樣式

升級方法綁定class,具體方式如下：

與上述兩種方法的差別在于下圖所示：

改進方法

2.綁定style

綁定style

• 人面猴

  序言：七十年代末，一起剝皮案震驚了整個濱河市类咧，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌蟹腾，老刑警劉巖痕惋，帶你破解...

  沈念sama閱讀 212,454評論 6贊 493
• 死咒

  序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場離奇詭異娃殖，居然都是意外死亡值戳，警方通過查閱死者的電腦和手機，發(fā)現(xiàn)死者居然都...

  沈念sama閱讀 90,553評論 3贊 385
• 救了他兩次的神仙讓他今天三更去死

  文/潘曉璐 我一進店門炉爆，熙熙樓的掌柜王于貴愁眉苦臉地迎上來堕虹，“玉大人卧晓，你說我怎么就攤上這事「袄蹋” “怎么了逼裆？”我有些...

  開封第一講書人閱讀 157,921評論 0贊 348
• 道士緝兇錄：失蹤的賣姜人

  文/不壞的土叔 我叫張陵，是天一觀的道長赦政。 經(jīng)常有香客問我胜宇，道長，這世上最難降的妖魔是什么恢着？ 我笑而不...

  開封第一講書人閱讀 56,648評論 1贊 284
• ?港島之戀（遺憾婚禮）

  正文 為了忘掉前任桐愉，我火速辦了婚禮，結果婚禮上掰派，老公的妹妹穿的比我還像新娘从诲。我一直安慰自己，他們只是感情好碗淌，可當我...

  茶點故事閱讀 65,770評論 6贊 386
• 惡毒庶女頂嫁案：這布局不是一般人想出來的

  文/花漫 我一把揭開白布盏求。 她就那樣靜靜地躺著，像睡著了一般亿眠。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上磅废，一...

  開封第一講書人閱讀 49,950評論 1贊 291
• 城市分裂傳說

  那天纳像，我揣著相機與錄音，去河邊找鬼拯勉。 笑死竟趾，一個胖子當著我的面吹牛，可吹牛的內容都是我干的宫峦。 我是一名探鬼主播岔帽，決...

  沈念sama閱讀 39,090評論 3贊 410
• 雙鴛鴦連環(huán)套：你想象不到人心有多黑

  文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼导绷！你這毒婦竟也來了犀勒？” 一聲冷哼從身側響起，我...

  開封第一講書人閱讀 37,817評論 0贊 268
• 萬榮殺人案實錄

  序言：老撾萬榮一對情侶失蹤妥曲，失蹤者是張志新（化名）和其女友劉穎贾费，沒想到半個月后，有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體檐盟，經(jīng)...

  沈念sama閱讀 44,275評論 1贊 303
• ?護林員之死

  正文 獨居荒郊野嶺守林人離奇死亡褂萧，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...

  茶點故事閱讀 36,592評論 2贊 327
• ?白月光啟示錄

  正文 我和宋清朗相戀三年，在試婚紗的時候發(fā)現(xiàn)自己被綠了葵萎。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片导犹。...

  茶點故事閱讀 38,724評論 1贊 341
• 活死人

  序言：一個原本活蹦亂跳的男人離奇死亡唱凯，死狀恐怖，靈堂內的尸體忽然破棺而出谎痢，到底是詐尸還是另有隱情波丰，我是刑警寧澤，帶...

  沈念sama閱讀 34,409評論 4贊 333
• ?日本核電站爆炸內幕

  正文 年R本政府宣布舶得，位于F島的核電站掰烟，受9級特大地震影響，放射性物質發(fā)生泄漏沐批。R本人自食惡果不足惜纫骑，卻給世界環(huán)境...

  茶點故事閱讀 40,052評論 3贊 316
• 男人毒藥：我在死后第九天來索命

  文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望九孩。 院中可真熱鬧先馆，春花似錦、人聲如沸躺彬。這莊子的主人今日做“春日...

  開封第一講書人閱讀 30,815評論 0贊 21
• 一樁弒父案，背后竟有這般陰謀

  文/蒼蘭香墨 我抬頭看了看天上的太陽宪拥。三九已至仿野，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間她君，已是汗流浹背脚作。 一陣腳步聲響...

  開封第一講書人閱讀 32,043評論 1贊 266
• 情欲美人皮

  我被黑心中介騙來泰國打工， 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留缔刹，地道東北人球涛。 一個月前我還...

  沈念sama閱讀 46,503評論 2贊 361
• 代替公主和親

  正文 我出身青樓，卻偏偏與公主長得像校镐，于是被迫代替她去往敵國和親亿扁。 傳聞我的和親對象是個殘疾皇子，可洞房花燭夜當晚...

  茶點故事閱讀 43,627評論 2贊 350

推薦閱讀更多精彩內容

• Spring Cloud

  Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具（例如配置管理鸟廓，服務發(fā)現(xiàn)从祝，斷路器，智...

  卡卡羅2017閱讀 134,637評論 18贊 139
• Vue.js 2.0 Official Guide Note

  這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內容肝箱，還有我對于 Vue 1.0 印象不深的內容哄褒。關于...

  云之外閱讀 5,046評論 0贊 29
• 《鵝嶺紫云山莊》

  靜室溢茶香，詩書繞古床煌张。 往來多雅致呐赡，閑暇少匆忙。 景美疆無遠骏融，才高意自芳链嘀。 結廬藏大隱萌狂，唯慕紫云坊。 （五律仄起...

  萬峰智叟閱讀 175評論 0贊 1
• 鳳尾花4.0 彩色稿 A組 typing

  一蓑煙雨L閱讀 74評論 0贊 0
• 過客（現(xiàn)代詩）

  過客 作者:臥龍游子 我無心穿過你的小河 你那泓碧的綠 和翠響的波 ...

  臥龍游子閱讀 1,022評論 1贊 1