vue_cli如何在组件上添加样式绑定

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

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

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

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

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