1. 介绍

1. jQuery解析

$.ajax()  //ajax部分可用axios代替

$('#btn')
$a.addClass  //DOM部分可用vue.js代替
//以后就不用jquery了

2. Vue

1. template里最外层只接收第一个div，所以所有东西都要用一个div包起来
2. 页面显示Hello Vue!

<div id="app">
  {{ message }}
</div>
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

其他用data的方法

v-bind:title="message"
v-bind:title='message'
v-bind:title=message
v-bind:title=this.message

3. v-if里只要为真值，p就会显示

<p v-if="seen">现在你看到我了</p>

4. v-for

data: {
  tabs: [1,2,3,4,5]
}

//展示5个li
<ol>
  <li v-for="tab in tabs">{{tab}}</li>
<ol>

5. 双向绑定！

<div id="app-2">
    <input v-model:value="x">  //显示data里x的值，但用户改x的同时，data里的值也会改
    {{x}}  //用户输入x，这个x也会变
</div>

3. axios和vue的项目

1. jq和axios版本（复制到jsbin上运行）
2. axios和vue版本
3. vue版本onclick
4. vue版本轮播
5. vue-for轮播