如题所述
1、vue只是一个js框架，和你引用css没有太大的关系，和普通的js一样的处理方式就好。例如你可以新建一个link标签，然后插入到head标签下之类的。
2、按需组件引入吧，这样会减少不必要的css，当然你每个组件的css要独立出来，而且如果使用webpack的vue-loader处理即使重复引用同一个组件css也是同用一份，不会额外的复制多个.CSS规则的前面；@import规则条件规则组中。
3、我在自己的项目中大多是需要使用框架之样式，所以思来想去还是用比较熟悉的mui移动框架（官方网址）。
为什么在vue的main.js中引入css或者报错,不引入没问题你的js，css路径有问题，没有引入。你的js，css中的某些方法或者样式，被你后来的方法或样式覆盖了。你可以把你的报错，粘贴出来。
这个其实是因为bootstrap的文件有冲突，需要自己去理清楚才能解决冲突的，自己也遇到过这种问题。希望我的回答可以帮到你，有什么不懂可以追问。
需要解决循环引用报错问题。具体操作步骤如下：打开vuemain.js项目，使用全局引入组件。在vue实例化前，在main.js里完成引入。通过import，selFile代码，修改vue组件的data引用方式即可。
系统问题。vuemain.js注册的方法data中引用报错是因为系统的问题导致的，data是在各种系统、程序中，都会有很多自定义的文件名、文件扩展名。
Vue3中CSS使用JS变量
因此CSS中采用了--JS：可以看到var只是个声明变量的关键字，color才是变量名。
这样我们就在vue中实现了在样式里使用js变量的方法：及通过css定义变量的方式，将变量在行内注入，然后在style中使用var()获取我们在行内设置的数据即可。
目前项目有个需求就是，在vue页面中引入额外的config.js。
css仅仅是样式表而已，没有太多的逻辑运算功能，相反，js作为完善的脚本语言完全可以操作css样式。根据你的需求，你可以使用less，他是css预处理语言，它扩展了CSS语言，增加了变量、Mixin、函数等特性，可动态生成css样式。
当然你可以用100vh，但是这是个相对单位，有时候我想获取绝对单位px；还有其他的很多情况，需要动态计算的，当然很多情况也可以动态绑定style解决。
vue中如何将js中的变量赋值给css以实现对样式的动态控制这样我们就在vue中实现了在样式里使用js变量的方法：及通过css定义变量的方式，将变量在行内注入，然后在style中使用var()获取我们在行内设置的数据即可。
Vue.js提供了一个内置的指令v-bind：style，可以用来动态地绑定CSS样式。它允许你使用JavaScript表达式来控制元素的样式，而不是使用静态的字符串。
JS：可以看到var只是个声明变量的关键字，color才是变量名。
首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。在index.html中的标签，输入js代码：$(#div2).height($(#div1).height())；。
css仅仅是样式表而已，没有太多的逻辑运算功能，相反，js作为完善的脚本语言完全可以操作css样式。根据你的需求，你可以使用less，他是css预处理语言，它扩展了CSS语言，增加了变量、Mixin、函数等特性，可动态生成css样式。
