---
# System prepended metadata

title: Vue CLI 筆記

---

# Vue CLI 筆記

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

###### 安裝 `node-sass`
```
npm i node-sass
```

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

```

## 使用 pug template

```
npm i pug pug-plain-loader
```

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

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