第一个知识点：ajax。原文链接：ajax和vue.js
ajax简介：
ajax其实就是jQuery中的一个函数而已，它依赖于http协议，默认支持异步传输数据和局部刷新。此处的异步指的是ajax可以在发送数据的时候同时接收数据。它用来做数据交互。需要注意的是：ajax是不和数据库连接的，因为不同语言所基于的协议不同。它和数据库之间通过后端程序员写的应用程序所连接，应用程序提供接口，ajax请求数据接口，通过数据接口向数据库请求数据。
ajax的参数介绍：
其余多说无益，重点是怎么去使用。下面介绍一下常用的参数：
- url请求地址（此处所访问的地址，就是框架应用程序中的数据接口）
- type是请求方式，默认是'GET'，还有'POST'
- dataType设置返回的数据格式，最常用的就是json
- data指的是发送给服务器的数据
- success设置请求成功后的回调函数，需要设置形参进行接收。
- error设置请求失败后的回调函数。
- async设置是否异步，默认是true，表示异步。
- 在新的写法中，为了让ajax显的轻量，便于开发者的维护，我们将success和error提取到ajax外面，采用链式编程，进行书写。同时success替换成done，error替换成fail。
- 在ajax中允许自定义html属性，在访问自定义的html属性的时候使用attr，用法和prop完全一样。
ajax常用写法：
1$(function(){ 2 $.ajax({ 3 url:'/index_data', 4 type:'get', 5 dataType:'json' 6 }), 7 .done(function(dat){ 8 //成功后所进行的操作 9 })， 10 .fail(function(){ 11 alert('请求失败') 12 }) 13})
第二个知识点：vue列表和字典渲染，原文链接：VUE.js高级
渲染的时候，有两种情况：v-for="临时变量in 序列" 和 v-for="(1,2) in 序列"
第一种是只有一个临时变量的情况，数组返回的是数组里面的元素，而‘字典’对象返回的是key所对应的value值。
第二种是多个临时变量的情况，数组两个参数，按顺序依次是数据和数据所对应的下标。‘字典’对象两个参数，按顺序依次是value值和key值。
下面是代码实现效果：
1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <title>Document</title> 8 <script src="js/vue.min.js"></script> 9</head> 10<body> 11 <div id="app"> 12 <ul> 13 <!-- <li v-for="临时变量 in 序列"></li> --> 14 <li v-for="i in mylist">{{ i }}</li> 15 </ul> 16 17 <ul> 18 <li v-for="i in mydict">{{ i }}</li> 19 </ul> 20 <!-- v-for="(1, 2) in 序列" --> 21 <!-- 列表：1：数据，2数据对应的下标 --> 22 <!-- 字典：1是v值，2是key值 --> 23 <ul> 24 <!-- 0、海王1 --> 25 <li v-for="(i, j) in mylist">{{ j+1 }}、{{ i }}</li> 26 </ul> 27 <ul> 28 <li v-for="(i, j) in mydict">{{ j }}: {{ i }}</li> 29 </ul> 30 </div> 31 <script> 32 var vm = new Vue({ 33 el:'#app', 34 data:{ 35 mylist:['海王1', '海王2', '海王3'], 36 mydict:{name:'laowang', age:100} 37 } 38 }) 39 </script> 40</body> 41</html>
第三个知识点：axios，原文链接：VUE.js高级
要注意此处是在mounted（挂载）阶段。在vue中我们也可以进行数据交互，这里数据交互和ajax类似，我们就直接学习他们的不同之处和代码实现即可。
有三处不同的地方，我们需要注意一下，都是写代码时候的不同：1、发送方式method:'post' 2、成功之后的回调函数.then(function(){}) 3、失败之后的回调函数.catch(fuction(){})
下面是代码实现：
1axios（{ 2 url:接口地址 3 data:{} 发送的数据 4 method:请求方式 get post 5}） 6.then() 7.catch()
第四个知识点：前后端的交互流程，原文链接miniweb
