Eslint syntax error is solved

Added a previous project todayeslint,Found a lot of variable errors,But there is nothing wrong with double-checking your code,According to the error message, it can be seen that it is someapi在eslintCaused by irregular use of syntax,大概总结如下：

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.Iterate over an array（forEach代替map）,map要求有返回值

报错：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.whitespace correction

Previous items may not match in indentationeslint语法,此时只需 npm run lint The code can be automatically corrected,It is recommended to get the project in hand beforenpm run lint,After modifying other syntax errors,In this way, you will find that syntax errors will be much less,便于查找修改.

4.解构赋值

eslintDestructuring assignment is recommended,Some need to use structure assignment to get variables,如：
之前写法：

const data = props.data

eslint中写法

const {
     data } = props

5.switch-casein the conditional statementdefault

Add to the last conditiondefault

之前写法：

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.最后一个importLeave blank lines after 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-router'

Vue.use(VueRouter)

7.Template strings instead of concatenated strings

报错：Unexpected string concatenation prefer-template

之前写法：

<p>{
    {
    info.day + '天'}}<p>

eslint写法：

<p>{
    {
    `${
      info.day}天`}}<p>

8.不使用for循环

之前写法：

for (let i = 0;i < arr.length; i++) {
    
	console.log(arr[i])
}

eslint写法：

arr.forEach((item) => {
    
	console.log(item)
})

提示：本文图片等素材来源于网络,若有侵权,请发邮件至邮箱：[email protected]联系笔者 删除.
笔者：苦海