vue3自定义组件

最新推荐文章于 2024-09-18 08:00:00 发布

weixin_45099012

最新推荐文章于 2024-09-18 08:00:00 发布

阅读量3.3k

点赞数

文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/weixin_45099012/article/details/126096652

版权

Vue3 自定义组件组件创建前端开发 JavaScript

关键词由CSDN通过智能技术生成

vue3自定义组件

1.在components文件夹创建一个组件
组件名Component
内容
<template>
<div class="myComponent">
这是我的组件
</div>
</template>
<script>
export default{
name:'component',
}
</script>
2.在app.vue中使用组件
<template>
<div class="app">
<component></component>
</div>
</template>
<script>
// 导入组件
import component from "@/components/Component.vue"
export default {
components: {
component
}
};
</script>