vue引用组件的两个方法

Posted WayneLiu123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue引用组件的两个方法相关的知识,希望对你有一定的参考价值。

<template>
    <div>
        <myComponent></myComponent>
    </div>
</template>
 
<script>
    //使用import导入自定义的组件,es6的引入机制,推荐使用
    import myComponent from ./myComponent.vue
    export default {
        //在components中写入子组件
        components: {myComponent},
    }
</script>
 
<style></style>
<template>
    <div>
        <myComponent></myComponent>
    </div>
</template>
 
<script>
    export default {
        //1.直接在components中写入子组件时给出引入路径,es5写法
        components: {
            myComponent:require(./myComponent.vue).default
        },
    }
</script>
 

 

 

https://blog.csdn.net/lzzattack03x/article/details/79244687

以上是关于vue引用组件的两个方法的主要内容,如果未能解决你的问题,请参考以下文章

vue单个组件命名标签无法引用

VUE中组件的使用

vue基础——组件(组件嵌套)

vue父组件获取子组件的属性或方法

如何在android的代码中调用某个组件属性

Vue组件之全局组件与局部组件