vue2 手记

Vue文档：https://cn.vuejs.org/v2/api/#provide-inject

Vue 生命周期：https://cn.vuejs.org/v2/guide/instance.html

vuex状态管理：https://vuex.vuejs.org/zh/

1.简单循环

2.数组包含某值函数.includes()

3.获取路由

4. 获取数据类型

5.数据克隆

1.简单循环

1).

item：定义的每一条的变量

response.data.result：要循环的数组

for(let item of response.data.result) {
    //用item操作每一条数据。
}

2).

response.data.result：要循环的数组

index:索引

response.data.result.forEach((item, index) => {
    // 用item操作每一条数据。
})

2.数组包含某值函数.includes()

[1, 2, 3].includes(2); // true
  
[1, 2, 3].includes(4); // false
 
[1, 2, 3].includes(3, 3); // false
  
[1, 2, 3].includes(3, -1); // true

详细：https://www.cnblogs.com/rain-in-summer/p/9792165.html

3.获取路由

window.document.location.pathname // 亲测
 
this.$route.query
 
router.split('?')[1]

4. 获取数据类型

1）typeof

1	`typeof` `data` `// 获取数据类型（array，object）`

　　或

1	`typeof(a)` `//旧写法`

2）isNaN

使用js自带全局函数isNaN(), isNaN()返回一个Boolean值,如下 :

var c="hello"; //字符串
 
isNaN(c); //返回一个true;
 
var c=10; //数字
 
isNaN(c);//返回一个false

如果以上c为一个空串或是一个空格，isNaN将把c当作数字0来处理，所以检查不严谨。

3）正则表达式

function checkNum(input){
 
var reg=/^[0-9]+.?[0-9]*$/; //判断字符串是否为数字 ，判断正整数用/^[1-9]+[0-9]*]*$/
 
var num=document.getElementById(input).value;
 
if(!reg.test(num)){
 
        alert("请输入数字");
 
    document.getElementById(input).value="";
 
    return false;
 
    }
 
}

5.数据克隆

1	`objClone=JSON.parse(JSON.stringify(obj))`

function deepClone (data) {
  let type = typeof data
  let obj
  if (type === 'array') {
    obj = []
  } else if (type === 'object') {
    obj = {}
  } else {
    // 不再具有下一层次
    return data
  }
  if (type === 'array') {
    for (let i = 0, len = data.length; i < len; i++) {
      obj.push(deepClone(data[i]))
    }
  } else if (type === 'object') {
    for (const key in data) {
      if (key == 0) {
        obj = []
      }
      if (!isNaN(key)) {
        obj.push(deepClone(data[key]))
      } else {
        obj[key] = deepClone(data[key])
      }
    }
  }
  return obj
}