Vue的基础

1.vue的基本操作
v-bind 动态标签
v-if （true/false）一般用作判断是否执行
v-for 循环展示 json格式的数据（v-for = “list on lists” {{list.text}}）
v-on 点击事件 methods: {
reverseMessage: function () {//方法
this.message = “qiantai”;//转换展示的文字
}

axios: (类似于ajax 与后台请求的方法数据交换)
then是请求回调的函数
axios.get(“http://localhost:8081/qunar/query?id=1”)
.then(function (value) {
//正常成功回调函数
alert(value.data);
})
.catch(function (reason) {
//异常回调函数
alert(reason);
});

//POST主要是参数写法不一样
axios.post(“http://localhost:8081/qunar/query”,{id:1})
.then(function (value) {
//正常成功回调函数
alert(value.data);
})
.catch(function (reason) {
//异常回调函数
alert(reason);
});