1. assets/styles/variables.scss
$base-menu-color:#bfcbd9; :export { menuColor: $base-menu-color }
2.index.vue
<template> <div :style="{backgroundColor:variables.menuColor}"> </div> </template> <script> import variables from "@/assets/styles/variables.scss"; export default { computed: { variables() { return variables; } } } </script>
打印variables,输出为空对象。
解决办法
将variables.scss文件重命名为variables.module.scss。
标签:scss,color,menu,variables,export,为空 From: https://www.cnblogs.com/mingcore/p/18200262