入坑前端11：理解Vue脚手架

1.单文件组件

把一个组件所需要的代码全写在一个单独的文件中。换句话，一个文件就是一个组件


image.png

2.入口文件，一切的入口都在这里Main.js

image.png

template:'<App/>'的作用官网给的解释：模板将会替换挂载的元素。挂载的元素内容将会被忽略意思就是用<app></app>替换index.html里边的<div id ='app'></app>

3.
组件的结构图

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

相关阅读更多精彩内容

  • Vue.js 2.0 Official Guide Note
    这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容，还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,183评论 0赞 29
  • Vue成神之路之全局API
    前言 记录平时学到的知识，标题写的大气一点，也算是给自己一点鼓励，希望在技术这条路可以远走越远，路越走越宽~ 文中...
    徐国军_plus阅读 1,755评论 3赞 28
  • Vue初探--组件化篇
    什么是组件？ 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装...
    youins阅读 9,708评论 0赞 13
  • 第七章：vue.js组件详解Ⅰ（基础篇）
    组件（Component）是Vue.js最核心的功能，也是整个架构设计最精彩的地方，当然也是最难掌握的。...
    六个周阅读 5,780评论 0赞 32
  • Vue 组件
    此文基于官方文档，里面部分例子有改动，加上了一些自己的理解 什么是组件？ 组件（Component）是 Vue.j...
    陆志均阅读 3,949评论 5赞 14

友情链接更多精彩内容