vue项目发送请求数据执行逻辑思路

构建脚手架

cnpm install -g vue-cli

在项目目录使用命令

vue init webpack

接下来输入项目名称、项目描述、作者、打包方式等

前端框架发送请求数据执行逻辑

跳转链接根据路由配置进入页面

路由配置：module目录下的router/index.js

页面也就是vue视图（component目录下的vue文件）

分三个部分：

1. template：html标签
2. script：
   1. data(){}：数据模型（和template中html标签内数据双向绑定）
   2. method(){}：当前页面需要的js方法
   3. create(){}：vue钩子函数（页面元素加载之前执行的方法）
3. style：样式

钩子函数调用method

method调用API方法

API方法发送请求，从后台得到数据

将数据绑定到数据模型上，html标签中的内容随之改变