Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<DOCTYPE html>
        <html>
        <head>
            <meta charset="utf-8" />
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <title>数组语法和对象语法混用 </title>
            <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
        </head>
        <body>
        数组语法和对象语法混用 <br>
        <div id="app">
            数组和对象混用,第一个成员是对象,第二个成员是数组成员
            <div :class="[{'active' : isActive}, errorClass]"></div>
        </div>
        <script>
            var app = new Vue({
                el: '#app',
                data:{
                    isActive: false,
                    errorClass: 'error'
                }
            })       
        </script>
        </body>
        </html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
lovexwupro
0viewers