vue和Ajax的入门知识

VUE的使用步骤：

1.引入vue模块         2.创建vue的应用实例          3.定义元素（div），交给vue控制       4.准备数据 5.用插值表达式渲染  

<div id="app">                                     //3

<h1>{{massage}}</h1>                        //5

</div>

<script type="modle">                      //注意引用的是模块化的js

import  {createApp} form ' 地址'         //1

createApp({                                       //2

data(){                                                //4

return{

massage:'HELLO VUE'

}

}

}).mount('#app')                             //3

</script>

vue的常用指令：

v-for：

<h1 v-for="(item.index)in items":key="item.id">

 遍历出来的元素    元素索引     数据模型  元素唯一标识

然后在后面的td中直接使用插值表达式

v-if：

可以加span标签在td内等于几只显示几（在插值表达式不能在标签内使用时用）

<td><span>  v-if="e.job==1"</span>

</td>

v-modle：

表单元素双向绑定表单项后定义v-modle

v-modle=“变量”，变量必须在data中声明

v-on：

为事件加事件监听：与data平级声明方法@click=“方法名”

Ajax：

axios：

GET请求：axios.get(url).then((res)=>{...}).catch((err)=>{...})

POST请求：axios.post(url).then((res)=>{...}).catch((err)=>{...})

vue一共有八个生命周期

VUE的生命周期：钩子函数

mouted（）{}

async  await可以让同步请求变成异步请求

在search前面写async   axios.get前面写await