1、

在 src 目录下新建一个目录，名为 components 。在 components 目录下，创建一个组件，这里我创建的组件名为：Home.vue

微信订阅号：Rabbit_svip

2、

编写 Home.vue 组件的内容。

<template>

值得注意的是，每个组件只能有一个根元素。

在 main.js 中，引入 Home.vue 并注册。

import Vue from 'vue'

上面的代码，第3行是引入 Home.vue 组件，第5行是全局注册。可以说，通常在 main.js 里注册的组件都是全局组件。

这里，把组件命名为 app-rabbit

在 App.vue 中使用。

<template>

最后贴个图吧

微信订阅号：Rabbit_svip

vue语法基础二-组件
组件 Vue组件说明注册使用全局组件所有实例都能用全局组件。Vue.component(tagName, opti...
Vue 全局组件和局部组件
vue、js、html文件都可以注册全局组件和局部组件全局组件局部组件 vue-custom-element ...
vue组件
关于vue组件的总结注册组件 vue中组件的注册分为两种：全局注册局部注册全局注册全局注册的组件在任何v...
Vue学习笔记一（组件）
全局组件使用 Vue.component(tagName,options) 可以注册一个全局组件。组件是全局的，...
vue.component、vue.extend、vue
vue.component 注册全局组件 vue.extend 创建组件构造器 vue.component(组件名...
vue 自定义组件（一）全局、局部组件
vue自定义组件分为局部组件和全局组件全局组件全局组件格式template 是模板props 是自定义组件用到...
02.Vue入门之组件（一）
1.全局组件 vue注册一个全局组件语法格式如下：Vue.component(tagName, options)t...
vue组件系统
除了根组件之外的全局组件和局部组件的data数据必须是函数根组件全局组件：全局组件注册方式：Vue.comp...
vue自定义组件
vue自定义组件 1.vue全局组件 Vue.component("组件名",{obj})；obj跟vue实例一样...
vue学习：webpack+vue（组件学习）
这篇文章主要简单的讲一下vue组件： -1- vue 组件分为全局组件和局部组件，我们先来说一下全局组件：这里我...