0
点赞
收藏
分享

微信扫一扫

【Vue】全局组件



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

1、

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



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>

最后贴个图吧

举报

相关推荐

0 条评论