Question

我正在使用 VUE CLI ，需要帮助。我有以下配置：

vue.config.js

module.exports = {
  assetsDir: 'assets',
  runtimeCompiler: true,
  productionSourceMap: false,

  css: {
    modules: true,
    loaderOptions: {
      css: {
        localIdentName: "[HASH:8]"
      },
      sass: {
        data: `
          @import "@/modules/core/_variable.module.sass"
          @import "@/modules/main/_global.module.sass"
          @import "@/modules/app/_div.module.sass"
        `
      }
    }
  }
};

test.vue

<template>
  <div :class="$style['page-container']"></div>
</template>

_div.module.sass

.page-container
  width: 100px
  height: 100px
  background: red

引发以下错误

属性或方法“ $ style”未在实例上定义，但在渲染期间被引用。

我可以在vue.config.js?中添加别名或其他内容吗？仅当我在main.js中使用别名时才能使用

main.js

import Style from "./modules/app/_div.module.sass";

Vue.prototype.$style = Style;

我可以不使用此 $ style 变量而不在main.js中使用它吗？

VUE：未定义$ style

0 个答案: