vue3项目使用element plus

115 阅读1分钟

在项目目录安装element plus,命令:

npm install element-plus --save

在vue3组件中使用。例如:引入button默认按钮:

<template>
  <div class="mb-4">
    <el-button @click="a++">{{a}}</el-button>
    <el-button @click="showMessage" type="primary">Primary</el-button> 
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
let a =ref(0)
function showMessage(){
  alert('hello button')
}
</script>

注意:npm命令一定要切换到项目目录后再执行。本例中button添加了事件。