$ 符号 被 Sass 占用
@ 符号 被 less 占用
因此CSS中采用了 --
JS:
可以看到var只是个声明变量的关键字,color才是变量名。
PHP:
Scss:
CSS在使用变量的时候用到了一个函数叫var():
CSS:
创建个支持vue3的vite项目
进入到该文件夹
安装依赖
创建一个组件
使用中文引入变量
参考:
Vue 超好玩的新特性:在 CSS 中使用 JS 变量
css是样式表,js是事件效果,这两个根本就不是一个东西,style是添加样式的,script是添加js的,只能说你的想法很奇葩,那样实现不了。js里面可以添加css,但是反过来的我还没见过,貌似看到过在css里面引入js文件的,但是直接写代码的是没有。