你的 .h1是一个类了，此时你需要在上边h1标签里面加上 calss=“h1”，这样你的.h1就能生效了；但是看你的写法是想直接控制标签，那么你只需要把 .h1的 . 去掉就行了，标签直接写就可以了，不用带“.”。
Vue3对CSS支持加入了更多的特性支持，这样的话，我们在项目当中使用CSS就变得更加灵活了，来吧我们直接上干货
在style的标签上加一个module的属性，这样style里面的内容就会被编译成CSS Modules（模块），默认情况下，我们可以在模板代码里，或者JS里通过$style拿到所有样式属性并使用
我们也可以给CSS Modules自定义一个名称，在style的module属性设置一个名称就可以了,这样的话在模板和JS里就通过自定义的名称来引入CSS里的属性
与组合式 API 一同使用，注入的类可以通过 useCssModule API 在 setup() 和.success { color: #090}
可以通过 v-bind 这一 CSS 函数将 CSS 的值关联到动态的组件状态上
这个语法同样也适用于
基于vue-cli3的项目，改造成SSR。服务端渲染会提取组件的样式内联到html中，与link标签中的重复，使得页面体积变大，导致响应时间很慢。
原因是ssr会自动进行资源注入 Manual Asset Injection ，包含css、js等。
我们需要的是没有<style>标签的页面
所以通过配置参数，关闭资源注入。
接下来需要把css、js等文件再关联到输出的html中
当创建bundlerender的时候，我们可以使用一个模板，在这个模板里面预置页面所需要的各种资源。
思来想去，csr（客户端渲染）模式下生成的index.html再合适不过了。
而且，当build csr时，我们也可以预置一个模板，在这里添加上第三方的资源
最后是在模板中添加锚点
到这里基本大功告成
贴一下vue.config.js和build script(windows 平台)
