教程2 Vue3中引入Element Plus
在Vue 3中引入Element Plus组件库,首先需要安装Element Plus:
npm install element-plus --save
# 或者
yarn add element-plus
然后在Vue项目中全局引入Element Plus:
// main.js 或者 main.ts
import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
const app = createApp(App)
app.use(ElementPlus)
app.mount('#app')
这样就可以在Vue 3项目中使用Element Plus组件库了。在组件中使用Element Plus组件就像使用Vue组件一样:
<template>
<el-button @click="handleClick">点击我</el-button>
</template>
<script>
export default {
methods: {
handleClick() {
alert('按钮被点击');
}
}
}
</script>
请确保你的Vue 3项目配置正确,并且安装了所需的依赖。
评论已关闭