Vue 项目目录结构html
再看看build文件夹下相关文件及目录：vue
config文件夹下目录和文件:vue-cli
接下来讲说vue-cli项目中页面相关的主要文件^o^app
首先是index.html:ui
说明：通常只定义一个空的根节点，在main.js里面定义的实例将挂载在#app节点下，内容经过vue组件填充spa
App.vue文件：插件
说明：app.vue是项目的主组件，全部页面都是在app.vue下切换的。一个标准的vue文件，分为三部分。3d
第一装写html代码在<template></template>中，通常在此下面只能定义一个根节点；component
第二<script></script>标签；router
第三<style scoped></style>用来写样式，其中scoped表示。该style做用于只在当前组件的节点及其子节点，可是不包含子组件呦。
<router-view></router-view>是子路由视图，后面的路由页面都显示在此处，至关于一个指示标，指引显示哪一个页面
main.js:
说明：入口文件来着，主要做用是初始化vue实例并使用须要的插件。好比下面引用了4个插件，但只用了app（components里面是引用的插件）。
router下面的index.js文件：路由配置文件。
说明：定义了三个路由，分别是路径为/，路径为/msg，路径为/detail。