美文网首页
Vue 介绍SRC文件流程及根组件App

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

作者: 祝名 | 来源:发表于2018-12-26 21:18 被阅读0次

一.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行为:处理逻辑
  • 样式:解决样式

相关文章

网友评论

      本文标题:Vue 介绍SRC文件流程及根组件App

      本文链接:https://www.haomeiwen.com/subject/lepklqtx.html