Vue项目结构预览

 

 

部分文件夹及文件作用如下：

Build: 存放项目最终生成的文件

Config: 存放项目配置文件

node_modules: npm install 生成的项目依赖包

src: 项目源文件目录，此目录下又分assets，components，router三个目录和main.js, App.vue两个文件，各自作用如下:

assets:存放项目中使用到的图片，如本例则是项目启动后的首页logo

components:存放Vue单文件组件，一个.vue后缀文件即一个Vue组件

router:顾名思义，项目路由设置，所有的项目访问路径都经过此路由，再分发至相应的组件

 

打开index.js文件，如图：

import Vue from 'vue'
import Router from 'vue-router'
import Hello from '@/components/Hello'
import login from '@/components/login'

第一行导入vue组件，第二行导入vue路由组件，第三行导入components目录下的Hello.vue组件，第四行导入components目录下的login.vue组件，

 

Vue.use(Router)

这句代码表示使用路由，

 

export def