有时在基于Vue的单文件组件开发项目时，不得不使用全局样式。这个时候，有一些事情需要注意。当需要使用全局样式时，项目中各处都使用了以下样式；style仅在当前组件内的DOM上使用；该样式需要应用于当前组件DOM的外部DOM；需要注意以下细节：该样式在项目中无处不在如果需要在项目中无处不在地使用该样式，例如：reset.css、tiny-trim.css等，此时推荐在项目入口文件中直接导入样式文件：//src/main.jsimport'tiny-trim.css'import'asset/reset.css'import'asset/global.css'当然也可以导入到顶层组件中没有设置scoped属性的style标签：@importurl(asset/reset.css);@importurl(asset/global.css);style只是在当前使用一些第三方UI库的时候，一些UI库生成的DOM不能直接在模板中添加class或者style来修改第三方UI库的组件样式。这时候我们可以通过当前组件不带scoped属性的style标签来添加全局样式。但是此时需要考虑一些问题：该样式应该只影响当前组件中第三方UI库渲染的DOM，因为DOM不在模板标签中（DOM是由第三方的JS创建的-partyUIlibrary浏览器在编译打包时加载或生成时），不能直接设置class或style来修改样式，只能使用没有scoped属性的style标签。可见，这两点有些矛盾。但是，可以使用以下方法解决或缓解：为当前组件的根元素设置自定义数据属性
