1. 程式人生 > >解決vue專案eslint校驗 Do not use 'new' for side effects 的兩種方法

解決vue專案eslint校驗 Do not use 'new' for side effects 的兩種方法

import Vue from 'vue'
import App from './App.vue'
import router from './router'

new Vue({
  el: '#app',
  render: h => h(App),
  router
})

 當使用eslint校驗執行上面這段程式碼時(該程式碼在src/main.js檔案中),會報錯

 ✘  http://eslint.org/docs/rules/no-new  Do not use 'new' for side effects  

  src/main.js:8:1

  new Vue({

兩種方法解決該問題:

方法一:定義一個變數xxx(可為任意值)接收新建立的Vue

let xxx = new Vue({
    el: '#app',
    render: h => h(App),
    router
})
Vue.use({
    xxx
})

 方法二:在new Vue的上方新增一行注視,讓eslint不檢查"no-new"

import Vue from 'vue'
import App from './App.vue'
import router from './router'

/* eslint-disable no-new */
new Vue({
  el: '#app',
  render: h => h(App),
  router
})

參考部落格及評論

https://www.cnblogs.com/xzma/p/7727412.html