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