class、style绑定

92 阅读1分钟

动态的数据都给Vue管理

字符串写法,样式的类名不确定,需要动态指定

        <div :class='a'></div>
        
        el: "#root",
        data: {
            a:basic
        },

数组写法:个数不确定,名字也不确定

        <div :class='classArr'></div>

        el: "#root",
        data: {
            classArr: ['a', 'b', 'c']
        },

对象写法:都确定但是动态的决定用不用

        <div :class='classObj'></div>

        el: "#root",
        data: {
            classObj: {
                a: false,
                b: false
            }
        },

style绑定,所有的key都不能瞎写

        <div :style="styleObj">1</div>

        el: "#root",
        data: {
            styleObj: {
                fontSize: '40px'
            }
        },