vue 学习知识汇总一

申明：该文章是我工作学习中总结，内容大多数来自于网络他人的贡献，这里说一声感谢，有问题欢迎私信
1.indexOf() 方法
可返回某个指定的字符串值在字符串中首次出现的位置
indexOf() 方法对大小写敏感！所以之前你要把所有查询到内容变为小写。var str=str.trim().toLowerCase()
2.toLowerCase()
把查询的内容转为小写的
3.vue 中时间戳的转换为时间格式：分为两种：1.13位形式和10位形式
地址连接：https://www.cnblogs.com/zhaozhenghao/p/12036124.html
4.vue中条件格式：
if （）
{ } else{ }
5.vue中 for 和 forEach函数
5.1 forEach() 使用原理
forEach() 方法主要是用于调用数组的每个元素，并将元素传递给回调函数。需要注意的是: forEach() 方法对于空数组是不会执行回调函数的
forEach：即 Array.prototype.forEach，只有数组才有的方法，相当于 for 循环遍历数组。用法：arr.forEach(function(item,index,array){…}),其中回调函数有 3 个参数，item 为当前遍历到的元素，index 为当前遍历到的元素下标，array 为数组本身。forEach 方法不会跳过 null 和 undefined 元素。比如数组[1，undefine，null，，2]中的四个元素都将被遍历到，注意与 map 的区别。
array.forEach(function(currentValue, index, array), thisValue)
https://xie.infoq.cn/article/ddc50b7e15cdacff4a3c88eaa

for (let i = 0; i < this.imgArr.length; i++) {
  // this.imgList.push(this.imgArr[Math.round(Math.random() * 8)]);// 图片随机显示
  this.imgList.push(this.imgArr[i])
}

6.1VUE列表渲染 FOR-IN和FOR-OF的区别
V-for循环遍历数组时推荐使用of，语法格式为(item，index)
item:迭代时不同的数组元素的值
index:当前元素的索引
V-for循环遍历对象时推荐使用in，语法格式为(item,name,index)
item:迭代时对象的键名键值
name:迭代时对象的键名
index:当前元素的索引
在遍历对象时，会按 Object.keys() 的结果遍历，但是不能保证它的结果在不同的 JavaScript 引擎下都一致。
v-for也可以在实现了可迭代协议的值上使用，包括原生的Map和Set。
https://www.cnblogs.com/Scooby/p/12160313.html
7.vue中以this.$xx的属性
this.$el
获取Vue实例关联的DOM元素；vue中也是允许进行dom操作的（但是不建议）
注意this.$el关联的是真实Dom，所以需要在mounted渲染真实Dom之后才可以使用了
this.$refs
获取页面中所有含有ref属性的DOM元素（如vm.$refs.hello，获取页面中含有属性ref = “hello”的DOM元素，如果有多个元素，那么只返回最后一个）
this.$options
获取Vue实例的自定义属性（如this.$options.methods,获取Vue实例的自定义属性methods）
this.$data
获取Vue实例的data选项（对象）
https://blog.csdn.net/kwame211/article/details/110485423
8.vue中的 ref 和 $refs
https://www.cnblogs.com/xumqfaith/p/7743387.html
9.vue中的document 属性
elementList = document.querySelectorAll(selectors);//获取多个dom元素 如ul中的li
element = document.querySelector(selectors)//获取dom元素中的第一个元素
https://blog.csdn.net/sunhuaqiang1/article/details/108247359
10.vue中set数据类型去重的使用
let test = new Set(this.personidx)
let test12 = Array.from(test)
console.log(‘personidx:’, this.personidx)
console.log(‘test’, test12)
报错问题汇总
this.photo_id:
Promise {}
proto: Promise
[[PromiseState]]: “fulfilled”
[[PromiseResult]]: Object
https://stackoverflow.com/questions/38884522/why-is-my-asynchronous-function-returning-promise-pending-instead-of-a-val
已解决 未整理