闵行建设机械网站,网络规划设计师适合干什么,wordpress 个人中心,不想用原来的网站模板了就用小偷工具采集了一个可是怎么替换今天将之前一个项目加入了eslint#xff0c;发现很多变报错#xff0c;但是反复检查自己代码是没有错误的#xff0c;根据报错信息可知是某些api在eslint语法中使用不规范导致#xff0c;大概总结如下#xff1a;
1.setup中接收props
报错#xff1a;Getting a value f…今天将之前一个项目加入了eslint发现很多变报错但是反复检查自己代码是没有错误的根据报错信息可知是某些api在eslint语法中使用不规范导致大概总结如下
1.setup中接收props
报错Getting a value from the props in root scope of setup() will cause the value to lose reactivity
之前写法 setup(props) {const { option } props}eslint写法
setup(props) {const { option } {...props}}2.遍历操作某个数组forEach代替mapmap要求有返回值
报错Array.prototype.map() expects a return value from arrow function array-callback-return 之前写法
row.childrens.map((pit) {pit.childs.map((cit, ci) {if (cit.n_id item.n_id) {pit.childs.splice(ci, 1)}})
})eslint写法
row.childrens.forEach((pit) {pit.childs.forEach((cit, ci) {if (cit.n_id item.n_id) {pit.childs.splice(ci, 1)}})
})3.空格修正
之前项目可能在缩进上面不符合eslint语法此时只需 npm run lint 对代码进行自动修正即可之前项目拿到手里建议先npm run lint,之后在修改其他语法报错这样你会发现语法报错会少很多便于查找修改。
4.解构赋值
eslint中推荐解构赋值部分需要使用结构赋值的方式拿到变量如 之前写法
const data props.dataeslint中写法
const { data } props5.switch-case条件语句中加default
在最后一个条件中加default
之前写法
switch (sease) {case 1:case 2:case 3:console.log(春季)break;case 4:case 5:case 6:console.log(夏季)break;case 7:case 8:case 9:console.log(秋季)break;default:console.log(冬季)break;
}6.最后一个import导入后留空行
报错.Expected 1 empty line after import statement not followed by another import import/newline-after-import
之前写法
import Vue from vue
import VueRouter from vue-router
Vue.use(VueRouter)eslint写法
import Vue from vue
import VueRouter from vue-routerVue.use(VueRouter)7.模板字符串代替拼接字符串
报错Unexpected string concatenation prefer-template
之前写法
p{{info.day 天}}peslint写法
p{{${info.day}天}}p8.不使用for循环
之前写法
for (let i 0;i arr.length; i) {console.log(arr[i])
}eslint写法
arr.forEach((item) {console.log(item)
})提示本文图片等素材来源于网络若有侵权请发邮件至邮箱810665436qq.com联系笔者 删除。 笔者苦海
