速通vue2(第二天)

80 阅读1分钟

# 列表排序

数组||对象.sort(a,b){

升序a-b,降序b-a;

}

# vue监测数据的原理

(尚硅谷_34集 37集例题)

js底层 有个Observer构造函数

监测数据的原理_方法

Vue.set(路径,属性,值)

监测数据的原理_数组

数组的操作方法

push

pop

shift

unshift

splice

sort

reverse

# 收集表单数据

(尚硅谷 38集)

checkbox 需要自己添加value v-model等于data里的数据 数据为数组类型

radio 需要自己添加value v-mode等于data里的数据

select > option select里面存放v-model option里面存放value

json提交整个表单数据信息

JSON.stringify(this._data)

v-modle的修饰符

.number 数字

.lazy 数去焦点后收集信息

.trim 去掉前后空格

# 过滤器

配置项

插值语法{{data里的数据(第一个参数) | 配置对象filters里的第一个过滤函数 | 第二个过滤函数 ....}}

v-bind (:) 也能够使用

v-model不行

filters:{

函数(){

return 返回值

}

}

分全局过滤器和组件过滤器

全局过滤器 需要再创建vue实例前配置出来

Vue.filter(函数名.function(){})

# 继续学习几个vue指令----内置指令

(41集 v-html的安全问题 cookie)

v-text 不如插值语法

v-html 可以解析html语法 跟v-text一样都不建议使用

html的安全性问题 cookie()