5.Vue全局组件

作者: 圆梦人生 | 来源:发表于2018-04-16 22:50 被阅读37次

公共组件全部放在src\components\下

在src\components\下建立:Header.vue

代码

<template>
  <div>
      <div>头部信息,全局组件</div>
  </div>
</template>
<script>
export default {}
</script>
<style>
</style>

引入全局组件放在:src\main.js 中

//导入全局组件
import headerVue from '@/components/Header';
//注册全局组件
Vue.component('headerVue ', headerVue );

在任意vue模板中可直接使用全局组件

<template>
  <div>
      <header-vue></header-vue>
  <div>
</template>

关于父子组件通信、传值 请参 4.Vue 局部组件 文章

相关文章

  • 5.Vue全局组件

    公共组件全部放在src\components\下 在src\components\下建立:Header.vue 代...

  • 2.Vue第二章

    1.vue创建对象 2.Vue的组件图 3.Vue实例 4.第一种vue组件 4.第二种vue组件 5.vue基本概念

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

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

  • vue组件系统

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

  • Vue学习笔记一 (组件)

    全局组件 使用 Vue.component(tagName,options) 可以注册一个全局组件。组件是全局的,...

  • 注册组件的语法糖写法

    1.全局注册组件语法糖 全局组件不用语法糖的构建过程:生成组件构造器 注册组件 使用组件 全局注册组件的语法糖,省...

  • vue语法基础二-组件

    组件 Vue组件说明注册使用全局组件所有实例都能用全局组件。Vue.component(tagName, opti...

  • Vue 全局组件和局部组件

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

  • 5.Vue之组件(模版)

  • 2018-09-18vue.js组件

    一、组件:可以拓展HTML元素,封装可重用的代码组件分为全局组件和局部组件通过prop向子组件传递数据 全局组件:...

网友评论

    本文标题:5.Vue全局组件

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