当在一个自定义组件上使用classproperty 时，这些 class 将被添加到该组件的根元素上面。这个元素上已经存在的 class 不会被覆盖。品牌型号：ThinkPad E495系统版本：window 10软件版本：HBuilder X 3方法/步骤1/5分步阅读

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

2/5

在components文件夹下创建一个new_file.vue文件，组件都放在components文件夹下

3/5

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

4/5

在App.vue中调用组件new_file.vue并为其命名为newfile，在components属性中添加组件，组件的应用是使用命名newfile或是组件名new_file都可以，在组件中用v-bind:class添加一个class

5/5

样式为100*100的红色方框，按F12查看class的值为 active text-danger，说明使用v-bind:class时，这些 class 将被添加到该组件的根元素上面。