参考https://juejin.cn/post/7079785777692934174
1.安装两个插件
npm i unplugin-vue-components unplugin-auto-import -D
2.vite.config.js引入下方内容
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
vue(),
AutoImport({
resolvers: [ElementPlusResolver()],
}),
Components({
resolvers: [ElementPlusResolver()],
}),
],
})
3.引入中文包(在入口APP.vue中引入)
kk
v-model="value1"
type="date"
placeholder="Pick a day"
/>
import { reactive, toRefs, defineComponent } from "vue";
import { ElConfigProvider } from 'element-plus'
import zhCn from 'element-plus/lib/locale/lang/zh-cn'
export default defineComponent({
components: {
[ElConfigProvider.name]: ElConfigProvider
},
setup() {
let locale = zhCn;
const state = reactive({
value1:null,
})
return {
...toRefs(state),
locale,
};
}
})