在style的标签上加一个module的属性，这样style里面的内容就会被编译成CSS Modules（模块），默认情况下，我们可以在模板代码里，或者JS里通过$style拿到所有样式属性并使用
我们也可以给CSS Modules自定义一个名称，在style的module属性设置一个名称就可以了,这样的话在模板和JS里就通过自定义的名称来引入CSS里的属性
与组合式 API 一同使用，注入的类可以通过 useCssModule API 在 setup() 和.success { color: #090}
可以通过 v-bind 这一 CSS 函数将 CSS 的值关联到动态的组件状态上
这个语法同样也适用于
最近在研究vite+vue3，在升级的过程中发现，vite内置的scss预处理器不支持:export语法。import导入的scss文件，console.log显示是编译过后的整个css文件的内容。
vue-cli构建的项目不存在问题，与webpack有关
查看官方 issue ，尤大大说‘可能不会支持任何超出当前预处理器支持范围的东西。使用CSS模块代替。’
创建 var.module.scss 文件
在 app.vue 文件中引入
浏览器打印的结果是
页面调用(vue2的用法)
效果图：
vue3点击之后加css样式在Vue3中可以再css标签中使用v-bind(***)来绑定一个属性控制它的样式,注意:【如果你的数据不是使用Vue3的 ref 或者 reactive使其变成响应...
