vue前端框架

vue第二日

表单指令

v-model="变量" 变量与值有关

然后表单可以有选择框

单选框:

变量为多个单选框中的其中一个value

单一复选框:

变量为布尔,代表是否选中了

多复选框:变量为数组,存放选中的选项的value

条件指令

v-show

v-if

v-if|v-else-if|v-else

循环指令

v-for="(v,i)in str|arr"

v-for="(v,k,i)in dic"

sessionStorage|localStorage

分隔符

delimiters: ['{{', '}}'],

过滤器

{{ n1, n2 | f1(30) | f2 }}

filters: {
f1(n1,n2,n3) {return 过滤结果},
f2(f1(n1,n2,n3) {return 过滤结果}) {return 过滤结果},
}

计算属性

computed:{

​ res(){

​ return this.n1 + this.n2;

}

}

监听属性

watch: {
full_name(n, o) {
this.first_name = n.split('')[0]
this.last_name = n.split('')[1]
}
}

冒泡排序

for (let i=0; i<arr.length-1; i++) { // 趟数
for (let j=0; j<arr.length-1-i; j++) { // 比较次数
// 处理条件即可
if (arr[j]参数 > stus[j + 1]参数) {
let temp = stus[j];
stus[j] = stus[j + 1];
stus[j + 1] = temp;
}
}
}