可以定义一个对象,然后写true或者false

    1. <body>
    2. <script type="text/javascript" src="https://unpkg.com/vue/dist/vue.js"></script>
    3. <div id="app" class="basic" v-bind:class="ysobj" >
    4. {{ name }}
    5. </div>
    6. <script>
    7. var vm = new Vue ({
    8. data: {
    9. name: "hello world",
    10. ysobj:{
    11. black: false,
    12. green: true,
    13. }
    14. },
    15. });
    16. vm.$mount("#app")
    17. </script>