为什么我需要导入“VToolbarItems”？答案

【问题标题】：Why do I need to import "VToolbarItems"?为什么我需要导入“VToolbarItems”？
【发布时间】：2019-01-24 18:50:32
【问题描述】：

我看到了使用 Vuetify 的示例，其中仅显示模板，没有导入 VTool 等 Vuetify 组件，更不用说 VToolTitle、VToolItems 等。但是如果我不导入并声明它们，我会得到“未知自定义元素：...”

我没有使用“vue add vuetify”加载 vuetify。那有必要吗？如果有的话，我可以补充什么吗？

在我的 main.js 中有：

import Vue from 'vue'
import Vuetify from 'vuetify/lib'
import App from './App.vue'

Vue.config.productionTip = false
Vue.use(Vuetify)

new Vue({
  render: h => h(App),
}).$mount('#app')

这个 App.vue 有效：

<template>
  <v-app id="vuetify-app">
    <v-toolbar>
      <v-toolbar-title>
        Pro
      </v-toolbar-title>
      <v-spacer></v-spacer>
      <v-toolbar-items class="hidden-sm-and-down">
         <v-btn flat>List</v-btn>
         <v-btn flat>Profile</v-btn>
         <v-btn flat>Help</v-btn>
      </v-toolbar-items>
    </v-toolbar>
    <SignUp  msg="Welcome"/>
  </v-app>
</template>

<script>
import {VApp, VToolbar, VToolbarTitle, VToolbarItems, VSpacer, VBtn} from 'vuetify/lib'
import SignUp from './components/SignUp.vue'

export default {
  name: 'App',
  components: {
    VApp,
    VToolbar,
    VToolbarTitle,
    VToolbarItems,
    VSpacer,
    VBtn,
    SignUp
  }
}
</script>

但如果我注释掉：

import {VApp, VToolbar, VToolbarTitle, VToolbarItems, VSpacer, VBtn} from 'vuetify/lib'

以及所有“VApp、VToolbarTitle 等”我收到未知自定义元素消息。

【问题讨论】：

标签： vuetify.js

【解决方案1】：

这一行：

import Vuetify from 'vuetify/lib'

是你如何导入组件a la carte。

如果您希望全局注册所有组件，请像这样导入并安装 Vuetify：

import Vue from 'vue'
import Vuetify from 'vuetify' // omit /lib

Vue.use(Vuetify)

【讨论】：