处理Vue is a constructor and should be called with the `new` keyword

最新推荐文章于 2022-03-27 21:44:32 发布
原创 最新推荐文章于 2022-03-27 21:44:32 发布 · 6.8k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文解决了一个关于Vue.use()方法的常见错误。作者发现错误地使用了Vue.use(Vue)，实际上只需要使用Vue.use(Vuex)来正确集成Vuex到Vue项目中。


找了半天，发现自己使用Vue.user()出错了。

import Vuex from 'vuex'
import Vue from 'vue'

Vue.use(Vuex)
Vue.use(Vue)
把上面的Vue.user(Vue)删除就对了
【ESLINT报错】eslint/tslint常见报错集合
qq_39404437的博客
07-25 7880
eslint常见报错集合
Vue源码解析-new Vue都干了些啥
踩坑之路
02-16 932
前言 new Vue都干了些啥，估计很多面试都会问到，文章也看过，但是还是想自己扒扒源码看看究竟，因为之前看Vue代码用的都是2.x的，这次也跟着用2.6.11，vue3的留之后吧，现在真的有点卷不动了。 解析Vue入口 一般源码都是从index开始的，看源码的时候要一部分一部分地看，一次性想看完会极度难受，而且这是一件不可能的事，这篇文章就只分析一下new Vue。Vue的入口是在vue/src/core/index.js里，代码如下： import Vue from './instance/index'
Vue控制台显示Vue is a constructor and should be called with the `new` keyword
wangshuai33的博客
10-13 7306
Vue控制台显示Vue is a constructor and should be called with the `new` keyword 浏览器显示为 Cannot read property '_init' of null 找了好久也不知道哪里的问题，自己本身是个小白，也没处理bug的经验，百度了好久最后看到一个类似的 说问题是出在了 应该是Vue.use(Vuex); 在...
vue报错Vue is a constructor and should be called with the “new“ keyword
hjww_01的博客
08-22 2598
vue控制台报错：Vue is a constructor and should be called with the “new” keyword 原因：底层判断this是否是vue实例 function Vue (options) { if (!(this instanceof Vue) ) { warn('Vue is a constructor and should be called with the `new` keyword'); } this._i
出现Vue is a constructor and should be called with the `new` keyword的原因及解决方法
qq_44114147的博客
03-27 2670
错误信息： Vue is a constructor and should be called with the new keyword 原因： 在vue项目中使用第三方依赖，当依赖不是vue插件而又了使用Vue.use的时候，会报此错误； 解决方法：因为我的项目是因为引入jquery的时候，出现的问题，所以我把Vue.use（jquery）这句话删掉之后，就解决了这个问题 ...
function Vue (options) { if (process.env.NODE_ENV !== 'production' && !(this instanceof Vue) ) { warn('Vue is a constructor and should be called with the `new` keyword') } this._init(options) } 解释这段代码
06-10
首先，它判断当前运行环境是否是生产环境，如果不是生产环境，且用户没有使用 new 关键字调用 Vue 构造函数，就会发出一个警告，提示用户应该使用 new 关键字来实例化 Vue 对象。 然后，它调用 this._init(options)...
vue 源码解析之虚拟Dom-render
01-21
vue 源码解析 –虚拟Dom-render ... warn('Vue is a constructor and should be called with the `new` keyword') } this._init(options) } renderMixin(Vue) 初始化先执行了 renderMixin 方法, Vue 实例化执行this.
Vue.js源码解析——new Vue()做了什么事情
weixin_43311978的博客
06-29 1283
test
Vue 官方笔记--组件
小菜的博客
07-24 3124
中文版(英文浓缩) 组件是什么？ 组件：具有预定义选项的实例 组件是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用 通过 prop ，我们可以实现父子组件之间的解耦，有了属性，子组件中就可以使用更为复杂的模板和逻辑，比如如下 <!-- 复制到 html 中可以直接运行哦，看看是什么结果吧 --> <div id="main"> <ol> <!-- 子组件 --> <todo-item v-for=
编写数据库注意事项总结
wordpython
10-20 1378
未完待续 . . . 1. 表名和字段名尽量用单引号括起来，防止关键字错误：desc is a reserved keyword and should be quoted 如： desc varchar(255) COMMENT '特别提示', 改为： `desc` varchar(255) COMMENT '特别提示', ...
IDEA代码警告(warning)整理以及解决办法
热门推荐
笔墨的专栏
08-19 5万+
Redundant boxing inside ‘Integer.valueOf(xx)’ 解决办法： 改为Integer.parseInt(xx)即可。因为Integer.valueOf内部调用了parseInt，会提示多余的拆箱操作 ‘xxx == null ? false : yyy’ can be simplified to 'xxx!=null && yyy 解决办法： 按照提示修改即可。简化写法，原来写法比较啰嗦 ‘OptionalInt.getAsInt()’ witho.
Declaring Imports
minyangchina的专栏
04-20 801
Declaring Imports 导入声明 Composable Parts declare imports [System.ComponentModel.Composition.ImportAttribute] attribute. Similar to exports, there are several different methods namely through Fields, Properties and Constructor Parameters.Property Imports 属性
‘order‘ is a reserved keyword and should be quoted
吹灭读书灯 一身都是月的博客
05-06 1947
记一次数据库的插入数据异常： 我设置了订单表的名称为order，没想到他是一个关键字； 然后我就测试了很久； 解决方法： 使用mybatis 的时候加上` `order` 不过也说明我建表的格式不对，建表的名称可以在前面加个t_， 比如说t_order表，这样就不会出现这个关键字冲突的问题（我开始用的是 mybatis_plus，更是难以发觉问题） 所以还是要建表规范！ ...
ESlint常见警告解决及配置讲解
yezi__6的博客
10-30 1万+
作为前端开发工程师的你，是不是很难忍代码中因为配置了eslint后，又配置了自动修复eslint问题但是还是无法避免eslint警告⚠️和报错呢？？看着一行行红色的警告错误提示是不是很难受啊！但是有些问题确不知道要怎样改呢？ 那如何查自己的项目中自己的命令呢？ npm run lint 你就可以看到下面的报错总数： 如果你也有这样的困扰，那看这个准没错，后续有的eslint问题处理也会继续发出来。当然如果打家有更好的解决办法，请在下方评论区赐教哦！ 项目中eslint配置导致的警告点解决 1.props
vue实例没有挂载到html上,Vue 实例挂载的实现
weixin_28994403的博客
06-19 883
new Vue 发生了什么new 关键字在 Javascript 语言中代表实例化是一个对象，而 Vue 实际上是一个类，类在 Javascript 中是用 Function 来实现的源码实现，在src/core/instance/index.js 中function Vue (options) {if (process.env.NODE_ENV !== 'production' &&am...
Vue源码解析
超频化石鱼的博客
05-31 6936
本文仅对Vue主体做一个流程化的简单解析，其他详细功能的代码分析过程是相同的。阅读源码之前，首先要确保对Vue.js的使用较为熟悉。先知道怎么用，再研究怎么实现。 首先去github下载官方源码：https://github.com/vuejs/vue当前版本为2.5.17。解压缩。为了方便查看，导入到webstrom中：源码必然在src文件夹。查看src文件夹：从文件夹名看，compiler应该...
vue源码分析
MorningDuGe
08-09 1864
一、从了解一个开源项目入手 要看一个项目的源码，不要一上来就看，先去了解一下项目本身的元数据和依赖，除此之外最好也了解一下 PR 规则，Issue Reporting 规则等等。特别是“前端”开源项目，我们在看源码之前第一个想到的应该是：package.json文件。 在 package.json 文件中，我们最应该关注的就是 scripts 字段和 devDependencies 以
Vue中详解vue-amap组件的集成与搜索盒使用
本文档详细介绍了如何在Vue项目中使用高德地图的vue-amap组件。首先，你需要在项目中安装vue-amap插件，通过npm命令`npm install -S vue-amap`完成。在项目启动文件main.js中，确保导入并正确配置vue-amap，避免与...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值