# Vue CLI 筆記

## `vue.config.js` 全域樣式配置不生效？

###### 安裝 `node-sass`

npm i node-sass

###### vue.config.js

module.exports = {
  ...,
  css: {
    loaderOptions: {
      sass: {
        additionalData: `@import '@/assets/style/global.sass'`
      },
    }
  }
}

## 使用 pug template

npm i pug pug-plain-loader

## 在自定義組件使用 v-model

Vue.component('custom-input', {
  props: ['value'],
  template: `
    <input
      :value="value"
      @input="$emit('input', $event.target.value)"
    >
  `
})