Vue自定义组件简单教程

最新推荐文章于 2024-05-10 12:27:58 发布

楠之枫雪

最新推荐文章于 2024-05-10 12:27:58 发布

阅读量271

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/u014614038/article/details/105180503

版权

前端专栏收录该内容

19 篇文章 0 订阅

订阅专栏

第一步，创建自定义组件vue

<template>
    <div id="app">
        <h1>自定义组件!</h1>
    </div>
</template>

<script>
    export default {
        name: "MyView"//通过这个名字进行引用的
    }
</script>

在这里插入图片描述

第二步，进行引用

<template>
    <div id="app">
        <MyView></MyView>
    </div>
</template>

<script>
    import MyView from "./MyView";
    export default {
        name: "Test",
        components: {
            MyView,
        }
    }
</script>