axiox - vue脚手架

axios 

axios.get("http://yapi.smart-xwork.cn/mock/169327/emp/list").then(result => {result.data})

axios.get：从服务器获取数据 

 "http://yapi.smart-xwork.cn/mock/169327/emp/list" 这个地址为YAPI 的moc

then(result => {result.data}) ：成功回调函数 保存数据

YAPI

YAPI：前端和后端的接口文档的网站

YAPI网址：https://yapi.pro/

vue

cmd：输入 vue ui 进入界面

vue-porject

node_modules :整个项目的依赖包

public：存放项目的静态文件

package.json :模块基本信息，项目开发所需要的模块，版本信息

vue.config.js:保存vue配置文件，如代理，端口的配置等

assets:静态资源

components:可重用的组件

router:路由配置

views:视图组件（页面）

App.vue:入口页面（根组件）

main.js:入口js文件

vue-项目启动

1. 图形化界面；快捷键 shift+Ctrl+p 搜索 npm -serve

2.命令行：

npm run serve

在vue.config.js里加入这行代码，可以更改端口号

  devServer :{
    port:7000
  }

import : 导入模块

export : 导出模块

vue的组成

template : 定义 html 代码（视图）

srcipt: 定义js代码（数据模型，方法）

style: 定义css代码4