1、首先使用HBuilder X创建一个vue-cli项项目,一个空白项目

3、new_file.vue文件中写入要展现的内容,在样式中先添加一个class:active

5、样式为100*100的红色方框,按F12查看class的值为 active te垓矗梅吒xt-danger,说明使用v-bind:class时,这些 class 将被添加到该组件的根元素上面。

时间:2024-10-13 02:48:32
1、首先使用HBuilder X创建一个vue-cli项项目,一个空白项目
3、new_file.vue文件中写入要展现的内容,在样式中先添加一个class:active
5、样式为100*100的红色方框,按F12查看class的值为 active te垓矗梅吒xt-danger,说明使用v-bind:class时,这些 class 将被添加到该组件的根元素上面。