一、class {}

  1. .active{
  2.   color:#C20C0C
  3. }
  1. <body>
  2.     <div id="app">
  3.         <p :class="{active:true}">{{msg}}</p>
  4.     </div>
  5.     <script>
  6.         var vm = new Vue({
  7.             data:{
  8.                 msg:"hello vue"
  9.             }
  10.         }).$mount("#app")
  11.     </script>
  12. </body>

二、class []

  1. <p :class="['one','two']">{{msg}}</p>

三、style

  1. <div id="nav" :style="{opacity:opacity}">导航</div>