如何在vite使用vant中的Notify 消息提示

要在 Vite 中使用 Vant 的 Notify 消息提示组件，首先需要安装 Vant 和 Vite 插件：

npm install vant vite-plugin-import -S

然后在 Vite 配置文件 `vite.config.js` 中添加 Vant 插件：

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import VantPlugin from 'vite-plugin-import';

export default defineConfig({
  plugins: [
    vue(),
    VantPlugin({
      libraryName: 'vant',
      libraryDirectory: 'es',
      style: true
    })
  ]
});

接下来，在需要使用 Notify 的组件中，可以直接导入 Vant 组件：

<template>
  <div>
    <button @click="showNotify">显示消息提示</button>
  </div>
</template>

<script>
import { Notify } from 'vant';

export default {
  methods: {
    showNotify() {
      Notify({ type: 'success', message: '操作成功' });
    }
  }
};
</script>

这样就可以在 Vite 中使用 Vant 的 Notify 消息提示组件了。