手把手撸后台--引入 elementui-plus

1. 安装 elementui-plus

bash

npm install element-plus  --save

2. 引入 elementui-plus

js

import { createApp } from "vue";

import { createPinia } from "pinia";

import "normalize.css";

import ElementPlus from "element-plus";

import "element-plus/dist/index.css";

import App from "./App.vue";

import router from "./router";

const app = createApp(App);

app.use(createPinia());
app.use(router);
app.use(ElementPlus);
app.mount("#app");

组件使用

html

<template>
  <div>
    {{ message }}
    <el-button type="primary">Primary</el-button>
  </div>
</template>

<script setup>
  import { ref } from "vue";
  const message = ref("登录页");
</script>

<style lang="scss" scoped></style>