1、新建html文件,直接引入<scriptsrc="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

2、写一组style样式备用;

3、用v-bind指令绑定class:v-bind:class="classes";

4、"classes"的属性值:classes:{red:true,size:true,}

5、classes:{red:true,size:true,}中true代表调用<style>内的class样式;

6、用v-bind指令绑定style(行内样式):v-bind:style="styleInfo"在styleInfo属性值中直接写样式(注意font-size必须写成fontSize);


7、我们还可以用数组的方式来绑定class样式,这也是我们现实开发最常用的方法。

