解决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

解决vue项目eslint校验 Do not use 'new' for side effects 的两种方法

原文地址:https://www.cnblogs.com/xinzaimengzai/p/9873169.html

时间: 2024-10-06 19:25:13

解决vue项目eslint校验 Do not use 'new' for side effects 的两种方法的相关文章

两种方法使vue实现jQuery调用

引言 如果说vue是前端工程化使用较多的骨架,那么JavaScript就是我们的前端的细胞.MVVM模式让我们体验到前端开发的便携,无需再过多的考虑DOM的操作.而vue的渐进式开发(逐步引用组件,按需引入),也让许多新手前端开发人员逐步绕过对jQuery的学习.jQuery需要记忆的内容颇多,这也让jQuery变得不那么受新入行开发者喜欢. 在前端工程化的需求没有普及的时候,许多公司使用的是后端渲染技术,为了能够实现友好的前端交互效果,需要写好大量的jQuery.JavaScript和CSS,

Android项目实战(二):安卓应用程序退出的三种方法

原文:Android项目实战(二):安卓应用程序退出的三种方法 现在的APP退出的时候都不是让用户点击了“后退键”就退出.防止用户点错了后退键而造成的用户体检不好. 一年前搞的Demo代码不见了,重新写下就当是复习和以后直接拿来用把 目前流行的解决一般分为两种: 一.按一次后退键显示一个对话框决定是否退出 1 @Override 2 public boolean onKeyDown(int keyCode, KeyEvent event) { 3 // TODO Auto-generated m

web项目docker化的两种方法

标题所讲的两种方法其实就是创建docker镜像的两种方法 第一种:启动镜像后进入容器中操作,将需要的软件或者项目移动到容器中,安装或者部署,然后退出即可 第二种:编写dockerfile,将需要的镜像一层层叠加上去,比如我们要部署项目,可以先下载一个ubuntu基础镜像,然后叠加jdk,然后tomcat,然后项目 这两种方法我都试过,区别在于,第二种比较体现docker的镜像叠加特性,第一种到最终只有一层镜像. 先讲第二种吧,我之前的文章有提到过dockerfile的编写,这边直接给出简单的do

将引用了第三方jar包的Java项目打包成jar文件的两种方法

方案一:用Eclipse自带的Export功能 步骤1:准备主清单文件 “MANIFEST.MF”, 由于是打包引用了第三方jar包的Java项目,故需要自定义配置文件MANIFEST.MF,在该项目下建立文件MANIFEST.MF,内容如下: Manifest-Version: 1.0 Class-Path: lib/commons-codec.jar lib/commons-httpclient-3.1.jar lib/commons-logging-1.1.jar lib/log4j-1.

[记录]解决vue项目当直接通过url访问中间页时nginx返回404的问题

应用为VUE单页应用,路由模式为history,web服务器为nginx,正常情况下如果直接通过url访问一个中间页(不是index.html)时,会看到nginx返回的404错误,这个问题目前我只能通过修改nginx站点配置文件来实现. 具体代码(只看红色加粗的部分就行): server { listen 80; server_name ……; index index.php index.html index.htm default.php default.htm default.html;

解决vue项目中引入组件时出现的Module is not installed问题

如图,在vue项目中import自己定义的组件时,‘@api/table’出现下划线,ctrl+右键点击不会跳转到对应组件.鼠标移上去显示Module is not installed,多方查询后终于弄清楚了原因. 图中路径中有个@符号,这个符号是在build目录下的webpack.base.conf.js文件中定义的,代表当前项目的src目录. 之所以出现上述问题是因为在下图中的webpack中没有指定webpack 的配置文件,或者配置文件指定得不对.找到原因后解决方案就简单了,只需要将该配

eclipse中将项目打包成jar的两种方法,及其问题与解决方法

第一种:利用eclipse中自带的export功能 第一种方法分两种情况先来看第一种情况:没有引用外部jar的项目打包 步骤一:右键点击项目选择导出(export),选择java>jar文件(不是选择可运行jar文件) 步骤二:选择你要导出的项目以及文件,指定文件导出路径.连续点击两个下一步后到第四步. 步骤三:选择主类. 按照以上步骤即可完成对一个不引用外部jar项目的打包. 第二种情况:引用了外部jar的项目打包 当我们引用了外部jar后,使用eclipse自带的export打包略显繁琐.

Eclipse将引用了第三方jar包的Java项目打包成jar文件的两种方法

方案一:用Eclipse自带的Export功能 步骤1:准备主清单文件 “MANIFEST.MF”, 由于是打包引用了第三方jar包的Java项目,故需要自定义配置文件MANIFEST.MF,在该项目下建立文件MANIFEST.MF,内容如下: Manifest-Version: 1.0 Class-Path: lib/commons-codec.jar lib/commons-httpclient-3.1.jar lib/commons-logging-1.1.jar lib/log4j-1.

iOS 项目打包成.ipa文件的两种方法

第一种方法 :archive  在上一篇往appstore传项目的 博客 中说到了. 第二种快速打包方法:适用于着急打包 并且 传统打包方式 遇到问题的同学, 在Products文件夹里有个.app后缀的文件,show in Finder 直接将该文件拖到iTunes里,在iTunes里选择你的应用程序之后,在iTunes里show in Finder 即可找到生成的ipa文件 PS:很多同学会发现Products文件夹里的 .app后缀的文件是红色的, 这时候将运行设备调成iOS Device