【Vuetify】UI 导入Google icon

使用时：

<v-icon >home</v-icon>

方法一（担心被墙，但图标库最新）：

<link href="https://fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet">

方法二：

这不是官方的 google 仓库，可能无法接收更新

$ yarn add material-design-icons-iconfont -D
// OR
$ npm install material-design-icons-iconfont -D

bash/yarn_install_material_icons.txt
安装软件包后，将其导入到主目录的 js 文件中。通常是位于 src/ 文件夹中的 main.js, index.js 或 app.js。如果您使用的是 SSR 应用程序，则可能在 client.js 或 entry-client.js 文件中。

// src/plugins/vuetify.js

import 'material-design-icons-iconfont/dist/material-design-icons.css' // Ensure you are using css-loader
import Vue from 'vue'
import Vuetify from 'vuetify/lib'

Vue.use(Vuetify)

export default new Vuetify({
  icons: {
    iconfont: 'md',
  },
})

方法三：
通过安装开发依赖material-design-icons

// src/plugins/vuetify.js

import Vue from "vue";
import Vuetify from "vuetify/lib";
import zhHans from "vuetify/es5/locale/zh-Hans";
import "material-design-icons/iconfont/material-icons.css";

Vue.use(Vuetify);

export default new Vuetify({
    lang: {
        locales: { zhHans },
        current: "zh-Hans",
    },
    icons: {
        iconfont: "md",
    },
});