Check out example codes for "setup scss in vue". It will help you in understanding the concepts better.

Code Example 1

npm i node-sass sass-loader

// create the path: styles/main.scss in your src directory

// add this to your vue.config.js file in the root directory
module.exports = {
  css: {
    loaderOptions: {
      sass: {
        prependData: `@import "@/styles/_variables.scss";`

Code Example 2

<style lang="scss">
/* write SCSS here */

Learn ReactJs, React Native from