2018-04-24 axios和Vue入门

1. 介绍

1. jQuery解析

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

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

2. Vue

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

  {{ message }}

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就会显示

现在你看到我了

4. v-for

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

//展示5个li

  
{{tab}}

5. 双向绑定！

      //显示data里x的值，但用户改x的同时，data里的值也会改
    {{x}}  //用户输入x，这个x也会变

3. axios和vue的项目

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