【Vue】全局组件

微信订阅号：Rabbit_svip

使用cli提供的脚手架创建一个项目。

1、

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

微信订阅号：Rabbit_svip

2、

编写 Home.vue 组件的内容。

<template>

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

3、

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

import Vue from 'vue'

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

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

4、

在 App.vue 中使用。

<template>

最后贴个图吧

微信订阅号：Rabbit_svip 微信订阅号：Rabbit_svip