Vue项目EsLint校验‘DO NOT USE 'NEW' FOR SIDE EFFECTS’解决方案

Posted by Yaoyi on 2019-08-17
Vue项目EsLint校验‘DO NOT USE ‘NEW’ FOR SIDE EFFECTS’解决方案

我在写Vue项目时候在js里面写入如下代码报错

1
2
3
4
5
6
7
8
9
10
import Vue from 'vue'
import App from './App.vue'
 
new Vue({
  el: '#app',
  component: {
    App
  },
  template: '<App/>'
})
解决方案：

1、定义一个变量xxx接受创建的Vue，然后在use里面添加xxx

1
2
3
4
5
6
7
8
9
10
11
import Vue from 'vue'
import App from './App.vue'
 
let myOwn = new Vue({
  el: '#app',
  component: {
    App
  },
  template: '<App/>'
})
Vue.use ({ xxx })

2、在new Vue上方添加一行注释，让Eslint不检查‘no-new’

1
2
3
4
5
6
7
8
9
10
11
import Vue from 'vue'
import App from './App.vue'
 
/* eslint-disable no-new */
new Vue({
  el: '#app',
  component: {
    App
  },
  template: '<App/>'
})

Vue 挺好使的
vue




Tags
FRIENDS