在Vue開發中，經常會涉及到UI框架的使用。其中，Vuetify是一個非常流行的組件庫，提供了豐富的組件和交互效果。然而，我們在使用Vuetify時，會發現它的體積比較大，如果一開始就全部引入的話，會對頁面的加載速度造成很大的影響。因此，為了提高頁面加載速度和降低資源浪費，我們需要使用按需引入的方法來使用Vuetify。

按需引入Vuetify需要使用Vuetify Loader插件。在webpack配置文件中配置Vuetify Loader插件后，就可以使用組件的按需引入了。具體來說，我們需要在Vue組件中引入Vuetify組件的js文件，然后在template中使用對應的組件即可。下面我們來詳細講解如何配置。

首先，我們需要安裝Vuetify Loader插件，可以使用npm命令進行安裝：

npm install vuetify-loader --save-dev

在webpack配置文件中，需要對Vuetify插件進行配置。我們需要首先引入Vuetify Loader插件：

const VuetifyLoaderPlugin = require('vuetify-loader/lib/plugin');
module.exports = {
// ... 
plugins: [
new VuetifyLoaderPlugin()
]
};

然后，在Vue組件中按需引入Vuetify組件。以VAlert組件為例，我們可以按以下方式引入：

import {VAlert} from 'vuetify/lib';
export default {
// ...
components: {
VAlert
},
// ...
};

注意，我們需要從'vuetify/lib'中引入組件，并且不要忘記在components中注冊。以后，我們就可以在template中使用VAlert組件了：

<template>
<div>
<VAlert>按需加載</VAlert>
</div>
</template>

有時候，我們可能會用到Vuetify的主題功能，這時也可以按需引入。我們只需要在引入組件的同時，引入Vuetify主題文件即可。以VAlert組件為例，我們可以按以下方式引入主題文件：

import { VAlert, VApp } from 'vuetify/lib';
import 'vuetify/dist/vuetify.min.css';
export default {
// ...
components: {
VAlert, VApp
},
// ...
};

這里我們需要注意，要將Vuetify主題文件引入到全局樣式中，否則主題樣式不會生效。

以上就是使用Vuetify Loader插件進行按需引入Vuetify組件和主題的方法。按需引入可以大大提高頁面的加載速度，同時也可以減少資源的浪費。為了更好地使用Vuetify，我們應該盡可能地采用按需引入的方式。