vue.js實現標籤頁切換

第二個實例是關於標籤頁切換的，先看一下效果： 這也是一個很常見的交互效果，以往正常的javascript寫法是給各個按鈕綁定事件來切換不同的層，當然也可以用純css寫，給上面的三個切換的層分別添加一個單選按鈕的兄弟節點，再用絕對定位把單選按鈕定位在三個button上面，這樣就可以用:checked僞類來單選按鈕的兄弟元素，即對應的不同的層，我簡單的寫了一下DOM結構，大概就是這樣： 那麼用vue.

>>阅读原文<<