美文网首页
Vue全局组件与局部组件

Vue全局组件与局部组件

作者: 萤火驻守心间 | 来源:发表于2022-05-02 17:59 被阅读0次

全局组件:只需要在main.js中导入一次,整个项目都可以直接使用。
1、导入全局组件:
import popManager from './components/popManager.vue'
2、注册全局组件:
Vue.component('popManager',popManager)

局部组件:在需要用到的地方导入。
1、导入子组件:
import popManager from '../../components/popManager.vue'
2、注册子组件:
export default {
components:{
popManager
},
}

使用:

<popManager></popManager>

相关文章

  • Vue 全局组件和局部组件

    vue、js、html文件都可以注册全局组件和局部组件 全局组件 局部组件 vue-custom-element ...

  • 【Vue.js】 todolist组件拆分(八)

    1、component全局组件 2、局部组件 A、定义局部组件 B、局部组件需要到Vue中声明引用 3、外部向组件...

  • 组件化开发

    一、全局组件和局部组件 全局组件:即可以在多个Vue实例中使用 局部组件:只能在当前Vue实例中使用 使用:在Vu...

  • Vue2.0注册局部组件和全局组件

    记录一下不使用vue-router注册局部组件和全局组件 注册一个局部组件 文件:agg.vue 注册一个全局组件

  • vue 自定义组件(一)全局、局部组件

    vue自定义组件分为局部组件和全局组件 全局组件 全局组件格式template 是模板props 是自定义组件用到...

  • vue组件系统

    除了根组件之外的全局组件和局部组件的data数据必须是函数 根组件 全局组件: 全局组件注册方式:Vue.comp...

  • vue组件

    关于vue组件的总结 注册组件 vue中组件的注册分为两种: 全局注册 局部注册 全局注册 全局注册的组件在任何v...

  • vue组件传值详解

    全局组件VS局部组件 1.全局组件全局可调用,可在一个或多个挂在了Vue实例的DOM节点内使用该组件。 2.局部组...

  • vue学习:webpack+vue(组件学习)

    这篇文章主要简单的讲一下vue组件: -1- vue 组件分为全局组件和局部组件,我们先来说一下全局组件: 这里我...

  • vue的组件注册

    vue的组件注册: 全局注册 局部注册

网友评论

      本文标题:Vue全局组件与局部组件

      本文链接:https://www.haomeiwen.com/subject/rhdvyrtx.html