解決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: ...
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