Vue3+TypeScript+Element Plus前端项目构建入门
<template>
<el-button @click="handleClick">点击我</el-button>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { ElButton } from 'element-plus';
export default defineComponent({
name: 'MyButton',
components: {
ElButton,
},
setup() {
const handleClick = () => {
alert('按钮被点击');
};
return {
handleClick,
};
},
});
</script>
<style scoped>
/* 这里可以写按钮的样式 */
</style>这个例子展示了如何在Vue 3、TypeScript和Element Plus环境下创建一个简单的按钮组件。它定义了一个名为MyButton的组件，其中包含一个按钮和点击事件处理函数。通过<style scoped>，我们可以添加局部样式。这个例子为开始使用Vue 3和TypeScript的开发者提供了一个清晰的起点。
评论已关闭