vue2使用sass

在Vue.js 2中使用Sass，你需要先安装sass-loader和node-sass。这两个包允许Vue应用程序加载和编译Sass样式。

首先，确保你的项目已经使用了Vue CLI来进行创建或者已经配置好了Webpack。

接下来，运行以下命令来安装sass-loader和node-sass：

npm install sass-loader node-sass --save-dev

安装完成后，你可以在Vue组件中使用Sass样式。你可以在单文件组件中的style标签中使用lang属性指定样式语言为Sass，如下所示：

<template>
  <div>
    <!-- your template code -->
  </div>
</template>

<script>
export default {
  // your script code
}
</script>

<style lang="scss">
/* your Sass styles */
</style>

注意，lang属性的值为"scss"，表示使用Sass语法。

现在你可以在style标签中编写Sass样式了。例如：

// styles.scss
$primary-color: #ff0000;

.container {
  background-color: $primary-color;
}

这样，你就可以在Vue组件中使用.container类，并且背景颜色会根据$primary-color变量的值进行渲染。

希望对你有所帮助！如果还有其他问题，请随时提问。