Vue 介绍SRC文件流程及根组件App

一.SRC文件流程

1. SRC文件流

  • assets存储一些使用的图片
  • components存放组件
  • App.vue根组件
  • main.js主要的js文件,与下方的入口index.html配合使用

2. main.js文件中,vue实例对象中有三个元素,el,components,template。

  • el:代表实例对象控制的容器元素,与index.html内的一致
  • components:组件。想让模板调用组件的话,就要在components中注册组件。这里的App来源于App.vue根组件。
  • template:存放的是组件调用的根标签<App/>

3. SRC文件流程

index.html->main.js->App.vue

二.根组件App.vue

1. App.vue主要有三大部分

  • 模板template:html结构。template不会被渲染进dom中。有且只能有一个根目录
  • script行为:处理逻辑
  • 样式:解决样式
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1 Webpack 1.1 概念简介 1.1.1 WebPack是什么 1、一个打包工具 2、一个模块加载工具 3...
    Kevin_Junbaozi阅读 6,976评论 0 16
  • 孩子不听话是个另人头疼的问题。 在父母的眼中,总是会选择性的去看到孩子的好的一面,大部分只是很正常的情形,而被看成...
    康有趣阅读 149评论 0 0
  • 夏天的热闹,就在于它还存留者青春的气息。就像村上春树——《且听风吟》。 “如果你志在追求艺术追求文学,那么去读一读...
    艽艽艽艽阅读 353评论 0 3
  • 在杭州待的那段时间,认识一个两岁男孩的全职妈妈。 她说平时没有时间做饭,基本天天点外卖。 还有前段时间网络上有对老...
    桔梗草的夏天阅读 1,693评论 16 48

友情链接更多精彩内容