Skip to content
On this page

Foo 组件示例

第一个示例:

基本使用
测试使用 Element Plus 组件
<template>
  <el-button type="primary">测试按钮</el-button>
</template>

<script lang="ts" setup>
</script>

<style scoped lang="scss">
</style>
<template>
  <el-button type="primary">测试按钮</el-button>
</template>

<script lang="ts" setup>
</script>

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

第二个示例:

Demo

hello custom component

基本使用
测试使用自定义组件库组件
<template>
  <h-foo :msg="msg"></h-foo>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const msg = ref('hello custom component')

</script>

<style scoped lang="scss">
</style>
<template>
  <h-foo :msg="msg"></h-foo>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const msg = ref('hello custom component')

</script>

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

组件介绍

属性

方法

插槽