沒關(guān)系， mvvm 偏向數(shù)據(jù)，用數(shù)據(jù)來操作dom ，好處是屏蔽了 dom 的復(fù)雜操作，舉個(gè)栗子

tab 頁(yè)切換 ， jquery 會(huì)考慮 鼠標(biāo)點(diǎn)擊 或者 hover 的時(shí)候 tab ?頁(yè)簽樣式改變 ? 。 而 mvvm 會(huì)考慮 點(diǎn)擊或 hover 時(shí) tab頁(yè)簽 綁定的數(shù)據(jù)值改變 ? ? ?avalon頁(yè)面片段：

<ul >?

<li ms-click="changeTabIdx(1)" ?ms-class="tabidx==1?'active':''"></li>

<li ms-click="changeTabIdx(2)"?ms-class="tabidx==2?'active':''"></li>

</ul>

<div>

????<div ms-if="tabidx==1"></div>

? <div ms-if="tabidx==2"></div>

</div>

整個(gè)tab 就只圍繞一個(gè)tabindex 數(shù)據(jù) ?和 changeTabIdx 方法，?changeTabIdx ?方法內(nèi)部也沒有操作dom

只是改變 tabindex 的值 完成 tab 切換效果。?