在Vue组件中使用多个Vue组件搭建一个页面

Swingzzz

于 2020-10-28 17:28:24 发布

阅读量4.2k

点赞数 1

分类专栏： Vue学习文章标签： vue

本文链接：https://blog.youkuaiyun.com/weixin_41908867/article/details/109338206

版权

本文介绍了如何在Vue应用中通过全局和本地注册组件来搭建一个页面。首先展示了预设的页面结果，接着详细讲解了全局注册组件的方法，即在main.js中导入并使用Vue.component。然后阐述了本地注册组件的概念，主要是在App.vue的script部分进行组件定义。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在Vue组件中使用多个Vue组件搭建一个页面

预设页面结果

在这里插入图片描述

全局注册

是在main.js中，通过import和Vue.conponent进行组件注册的。

import Vue from 'vue'
import App from './App.vue'
import Header from './components/Header.vue'
import Content from './components/Content.vue'
import Button

最低0.47元/天解锁文章