教程三 集成element-plus

点个star在看

官网

集成前先更新一下默认依赖

集成element-plus

修改package.json

"element-plus": "^1.0.2-beta.40",

修改main.ts

import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
// global use element-plus
import ElementPlus from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css'
createApp(App)
  .use(store)
  .use(router)
  .use(ElementPlus, {
    zIndex: 3000,
    size: 'small',
  })
  .mount('#app')

修改App.vue可页面查看

    <el-row type="flex" align="middle" justify="center">
        <el-col :span="8">
            <el-button type="success">按钮</el-button>
        </el-col>
    </el-row>

启动查看

棒！