वू 2.0 मार्गों को स्थापित करना - साइड इफेक्ट्स के लिए 'नया' का उपयोग न करें

Question

मैं एक vue प्रोजेक्ट को कॉन्फ़िगर कर रहा हूं। मैंने वेबपैक टेम्पलेट का इस्तेमाल किया। (एनपीएम इंस्टॉल इनप वेबपैक)। मैं टर्मिनल में एक त्रुटि हो रही है -

ERROR in ./src/main.js 

✘ http://eslint.org/docs/rules/no-new Do not use 'new' for side effects 
/Users/uz067252/Documents/Development/Vue/workex/vue-project/src/main.js:21:1 
new Vue({ 
^ 


✘ 1 problem (1 error, 0 warnings) 


Errors: 
1 http://eslint.org/docs/rules/no-new 

यहाँ main.js

import Vue from 'vue' 
import App from './App.vue' 
import Hello from './components/Hello.vue' 

import VueRouter from 'vue-router' 
import VueResource from 'vue-resource' 

// We want to apply VueResource and VueRouter 
// to our Vue instance 
Vue.use(VueResource) 
Vue.use(VueRouter) 

// Pointing routes to the components they should use 
var router = new VueRouter({ 
routes: [ 
    { path: '/hello', component: Hello }, 
    { path: '*', redirect: '/hello' } 
] 
}) 

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

धन्यवाद

Answer 1

वह त्रुटि आपके एस्लिंट कोड फ़ॉर्मेटर से आ रही है, न कि Vue.js से।

आपका वेबपैक वातावरण आपके ऐप को बनाने और शुरू करने से पहले कोड सत्यापित करने के लिए कॉन्फ़िगर किया गया है। ऐसा करने पर, आपके एस्लिंट ने चेतावनी दी है।

यह बचने के लिए, (अपने main.js फ़ाइल के अंतिम 5 लाइनों में) के रूप में कार्य करें:

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

क्या आप ऊपर कर रहे हैं केवल कि उपरोक्त पंक्ति में new के लिए eslint चेतावनी को अक्षम करने है । अब आपका वेबपैक सामान्य रूप से आपका ऐप शुरू करेगा।

दूसरा विकल्प .eslintrc.js (प्रोजेक्ट रूट फ़ोल्डर में) में नियम सेट करना है, जहां आप निर्दिष्ट कर सकते हैं कि no-new नियम को अनदेखा किया जाना चाहिए। (इस मामले में अनुशंसित नहीं)

Answer 2

तुम कुछ भी करने के लिए new Vue(...) बयान के मान निर्दिष्ट नहीं कर रहे हैं।

ए new कथन किसी ऑब्जेक्ट का एक नया उदाहरण बनाता है। आम तौर पर यह उदाहरण एक चर को आवंटित किया जाता है। यदि आप एक चर को आवंटित नहीं करते हैं, तो यह कचरा इकट्ठा किया जाता है।

लिटर यह मानते हुए है कि, चूंकि आप नए उदाहरण का संदर्भ नहीं रखते हैं, तो आप ऑपरेशन से दुष्प्रभाव पर निर्भर हैं, और यह एक बुरा अभ्यास है। साइड इफेक्ट का एक उदाहरण होगा यदि new ऑपरेशन ने वैश्विक चर के मान को संशोधित किया है।

Answer 3

यह लाइनर नियम उपयोगी और महत्वपूर्ण है। उदाहरण Vue के लिए - - आप किसी भी ढांचे का उपयोग करते हैं जो नए ऑपरेटर पक्ष प्रभाव का उपयोग करें, द्वारा anonimous समारोह में कवर करने के लिए जोड़ने के लिए अपने कोड

(()=>new Vue({ // no linter directive need anymore 
    el: '#app', 
    router: router, 
    render: h => h(App) 
}))();