vue的组件怎么应用到app.vue里面

vue的思想就是组件化开发 那么我们一定要学会怎么把众多的组件引入到入口文件里面,然后进行组件化开发,这样方便维护。

<template>
<div id="app">
<Header></Header>(注意:H一定要大写 跟header标签区别开来)
</div>
</template>
<script>
import Header from './todo/header.vue'

export default {
components: {
Header
}
}
</script>

这样子就可以利用组件化开发单页面应用啦!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,997评论 19 139
  • 下载安装搭建环境 可以选npm安装,或者简单下载一个开发版的vue.js文件 浏览器打开加载有vue的文档时,控制...
    冥冥2017阅读 11,275评论 0 42
  • 今日听思思的课又被他一句话戳中内心,“你总不可能一直那么幼稚”。 我写这篇日记不想励志,也没有鸡汤,只是想要把自己...
    咖柚小白阅读 2,990评论 0 0
  • 真正的平静,不是避开车马喧嚣,而是在心中修篱种菊。尽管如流往事,每一天都涛声依旧,只要我们消除执念,便可寂静安然。...
    杨爽blue阅读 4,110评论 2 2
  • 风的心事是 风中悄悄带了点花香 闭上眼睛轻轻去闻 你说有便有 说无便无 雨的心事是 雨里偷偷加了些蜜糖 闭上眼睛轻...
    美西xyy阅读 1,886评论 0 2

友情链接更多精彩内容