技术栈

Vue引用其它页面组件方法, Vue 一个组件引用另一个组件

Vue,NodeJS

方法1:

<template>
    <div>
        <!-- 3.在template中就可以直接使用了 -->
        <testComponent></testComponent>
    </div>
</template>

<script>
    //1.先使用import导入你要在该组件中使用的子组件
    import testComponent from './testComponent.vue'
    export default {
        //2.然后,在components中写入子组件
        components: {testComponent},
        methods: {},
    }
</script>

<style></style>

方法2:

<template>
    <div>
        <!-- 2.在template中使用 -->
        <testComponent></testComponent>
    </div>
</template>

<script>
    export default {
        //1.直接在components中写入子组件
        components: {
            testComponent:require('./testComponent.vue').default
        },
        methods: {},
    }
</script>

<style></style>

转载自:https://www.cnblogs.com/ming-os9/p/9004071.html

点我评论
打赏本文
二维码


60

文章

22

标签