vue各种场景下的css编写方式

我们已经非常熟悉在 vue SFC 单文件组件中的 style 标签中编写 css/scss 代码，然后被 vue 相关构建工具打包成一个单独 css，style 标签还可以配置 scope 从而使得标签内 css 仅应用于当前组件。

然而，实际编写组件过程中，可能存在突破标准写法的一些组件写法，例如：渲染函数写法式组件、jsx 写法式组件； 以及甚至有渲染函数作为参数后期动态传递、组件作为参数后期动态传递等场景。

本文，我们将梳理总结上述各类场景下 css 编写方式的细节和特点。以备业务实践中在合适场景下作出最佳实践选择。

###