«

vue使用子组件

时间:2023-6-14 11:32     作者:小诸葛     分类: Vue     正在检查是否收录...


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>

vue vue使用子组件

推荐阅读:


扫描二维码,在手机上阅读