VUE3（三）v-bind和v-on

v-bind绑定class的数组语法

    <template id="my-app">
        <div :class="['abc',title]">哈哈哈</div>
        <div :class="['abc',title,isActive ? 'active' :'']">哈哈哈</div>
        <div :class="['abc',title,{Active: true}]">哈哈哈</div>

    </template>

    <script src="../js/vue.js"></script>
    <script>
        const app={
            template:"#my-app",
            data(){
                return{
                    title: 'cba',
                    isActive: true
                }
            },
            methods:{

            }
        };
        Vue.createApp(app).mount("#app");
    </script>