文章阅读

沉浸阅读完整内容

写文章

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 篇精选
文章 / 156React中input如何进行双向绑定 文章 / 157React如何进行路由跳转 文章 / 155React中如何进行父子组件传递参数 文章 / 154React如何进行列表循环

发表评论

评论 0

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

分享精彩,传递价值

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

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