字体包引入问题

首先尝试了教程上的本地依赖办法，附上链接：vuetify引入mdi

然后很光荣地失败了，无论怎么都渲染不出来，于是参考了其他配置：

nuxt引入font awesome

nuxt引入mdi配置 等一串google，还是没有解决

解决方法

最后采用官方文档提供的cdn方法，也是参考了引入font awesome的建议，最后在config.js中这样配置：

head: {
  link: [
    { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
    { rel: 'stylesheet' ,href: "https://cdn.jsdelivr.net/npm/@mdi/font@4.x/css/materialdesignicons.min.css"}
  ]
},

successfully solved

components引入问题

这个好像在官方文档里没有找到，遇到的问题是在page中怎么引入components，统一解决方案放在下面：

//Pages
<template>
  <test />
</template>
<script>
  import test from '~/components/test'//这个“~”很重要
  export default{
    components: {test}
  }
</script>

//test.vue
<script>
  export default{
    name: 'test'
  }
</script>