1.对象转数组

方式一:Object.values

1
let arr=Object.keys(obj).map(function(i){return obj[i]})

2.分页

1
2
3
4
5
startIndex = (currentPage.value - 1) * pageSize.value; // 当前页数据的起始索引

endIndex = startIndex + pageSize.value; // 当前页数据的结束索引

data.value = tmp.slice(startIndex, endIndex); // 拆分当前页的数据

3.V指令

1.v-for 遍历容器

1
2
v-for = "(item,index)in items"
index 可省略

2.v-bind 动态绑定属性

1
2
3
v-bind:属性名="属性值"
v-bind可省略
:属性名="属性值"

3.v-if & v-show 控制元素隐藏与显示

1
2
3
4
5
6
7
8
9
v-if="true"
V-show="true"
true 显示
false 隐藏

<button @click="awesome = !awesome">Toggle</button>

<h1 v-if="awesome">Vue is awesome!</h1>
<h1 v-else>Oh no 😢</h1>

4.v-on 绑定事件

1
2
3
v-on:click="money"
简化
@click="love"

5.v-model 双向数据绑定

1
2
v-model="变量名"   
数据----视图
4.生命周期 mounted

5.Axios

1
2
3
4
5
6
7
axios({
method: 'get',
url : 'http:......'})
.then(result=>{})
.catch(err=>{
});