项目搭建
注:vue3.0没有全局的vue对象 需要使用app.config.globalProperties 去扩展全局方法,
例:
app.config.globalProperties.axios = _axios;
<=>(等同于)
Vue.prototype.axios = _axios;
//创建项目
vue create 项目名
//安装element-plus
vue add element-plus
//安装less
npm i -D less-loader less
插件安装
1、安装 less-loader
npm install -D less-loader less
2、element-plus安装
vue add element-plus
npm i vue-cli-plugin-element-plus
①设置语言为中文(App.vue页面)
<template>
<el-config-provider :locale="locale">
<router-view></router-view>
</el-config-provider>
</template>
<script>
import { elConfigProvider } from "element-plus";
import zhCn from "element-plus/lib/locale/lang/zh-cn";
export default {
name: "App",
components: {
elConfigProvider,
},
data() {
return {
locale: zhCn,
};
},
};
</script>