在index.html中以静态资源的方式进行引用。
当然想要在组件中直接使用mui这个变量，需要在build/webpack.base.conf.js文件中进行配置
如需引用mui框架的样式只需要引入mui中的class样式
以上是我在项目中遇到问题的一些解决方案，谢谢。
方法一：使用原生js操作dom的方法，来改变css的样式，比如
document.getElementById(id).style.property =newstyle
这里的new style 里面就可以使用js传入的变量。
此方法固然可以，但是对应改变一些复杂的css，比如动画什么的，操作起来就不怎么方便了。此时，如下的方法二就显得尤为重要了！
方法二：
利用css变量来处理，思路是将js变量赋值给css变量，然后在css样式中使用css变量。如下图所示，我们传入year变量，然后生成了--top、--bottom等变量，然后这些变量就可以在css中使用！
![[码尚教育]Python全栈自动化VIP课程对标大厂标准测开涨薪M211期M212期怎么样 值得？](/aiimages/%5B%E7%A0%81%E5%B0%9A%E6%95%99%E8%82%B2%5DPython%E5%85%A8%E6%A0%88%E8%87%AA%E5%8A%A8%E5%8C%96VIP%E8%AF%BE%E7%A8%8B%E5%AF%B9%E6%A0%87%E5%A4%A7%E5%8E%82%E6%A0%87%E5%87%86%E6%B5%8B%E5%BC%80%E6%B6%A8%E8%96%AAM211%E6%9C%9FM212%E6%9C%9F%E6%80%8E%E4%B9%88%E6%A0%B7+%E5%80%BC%E5%BE%97%EF%BC%9F.png)
