文章阅读

沉浸阅读完整内容

写文章

vue使用子组件

正在统计阅读人数 正在统计字数
登录收藏0
字号 100%

1.引入子组件

import 自定义名字 from '子组件路径'

2.注册子组件

 components:{
            使用名字:引入子组件的自定义名字
        }

3.使用子组件

<name></name>

完整示例

<template>
    <div>
        <h1>当前组件</h1>
        <name></name>
    </div>
</template>

<script>
import HelloWord from './components/HelloWorld.vue'
    export default {
        components:{
            name:HelloWord
        }
    }
</script>

推荐阅读

4 篇精选
文章 / 131vue3的动态css v-bind() 文章 / 130聊一聊 Vue3的那些事情 文章 / 133Vue中API接口如何二次封装Axios进行高效开发 文章 / 132vue3如何使用动态class切换

发表评论

评论 0

还没有评论,欢迎留下第一条讨论。

分享精彩,传递价值

生成专属海报,分享你的文章,让更多人发现好内容

浏览器不支持 Canvas,无法生成海报。

每日签到

每天来这里,记录一点持续积累。

当前积分--积分
本月签到--
本月获得--积分
正在读取