vue绑定多个样式的两种方式

1、vue绑定需要在属性名前加上v-bind:,如：v-bind:class="",可简写成:class

2、vue样式对象绑定方式：v-bind:class = "{'vue的data状态值":boolean值, 'vue的data状态值':boolean值}”

3、vue样式数组绑定方式：v-bind:class="[条件?'vue的data状态值':'']"

其中back、shadow、circle相关代码如下

let app = new Vue({
        el: "#app",//选中渲染区域，区域内可以使用下面的data
        data: {
            // 定义一个样式变量
            hasback:"back",
            hascicle:"circle",
            hasshadow:"shadow",
            // 定义一些布尔值来控制需要的样式
            isBack:true,
            isCircle:true,
            isShadow:true,
        }
    })