關於vuetify一些奇怪的報錯問題

1)icon不顯示問題，須要引入icon庫

cnpm install material-design-icons-iconfont --save-dev

入口js文件中：
import 'material-design-icons-iconfont/dist/material-design-icons.css'

2)控制檯報錯：
相似於一些你看不懂的錯......

Error in getter for watcher "isDark": "TypeError: Cannot read property 'dark' of undefined"
Error in getter for watcher "isDark": "TypeError: Cannot read property 't' of undefined"

兩個地方須要修改

2-1)入口js文件中：

2-2).vue文件中凡用到vuetify UI 組件的，須要將其放在v-app標籤內

<template>
  <div class="grey lighten-5 pa-4">
    <v-app>
      <v-btn color="success" > Button </v-btn>
      <v-btn text icon color="pink">
        <v-icon>favorite</v-icon>
      </v-btn>
      <v-icon>home</v-icon>
      <v-icon large color="blue darken-2">chat</v-icon>
    </v-app>
  </div>
</template>

頁面效果圖

須要注意，vuetify官網上的一些示例代碼所用的文字圖標庫可能和上文所說的圖標圖不一致，因此會致使將官網代碼複製到本地測試以後出現icon不顯示的問題，須要本身修改對應圖標，按照官網教程中的icon欄進行選擇，另，你也能夠引入第三方圖標庫

其實比較關鍵的問題是上述第二個問題，以此記錄