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
typeof data // 获取数据类型(array,object)
或
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))
2)
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
}
JS使用Cookie:https://www.cnblogs.com/cxscode/p/11177580.html
Vue2技术栈归纳与精粹:https://blog.csdn.net/sinat_17775997/article/details/78913968