vue报错 TypeError Object(...) is not a function

TypeError: Object(...) is not a function

屲亣猿猿

12336人浏览 · 2022-07-02 00:07:35

屲亣猿猿 · 2022-07-02 00:07:35 发布

因为项目的原因，最近一直在写前端，从一个小白接触前端，随手记录总结了一点东西，大佬勿喷。

相信大家在做vue项目的时候会遇到很多报错，这对刚入门的小白特别不友好，因为前端不像后端调试错误那么方便，许多小伙伴也是很头疼。
错误描述：

TypeError: Object(...) is not a function

在这里插入图片描述
这种问题常见的原因如下：
data中的数据和methods中的方法重名，解决办法：将名字修改即可。
在这里我会讨论另外一种错误：经过排查，发现原因是导入的JS文件没有用大括号接收，然后又把它当做方法调用了
错误代码如下：
在这里插入图片描述
正确代码如下：

View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

Element UI组件介绍

简介element ui 就是基于vue的一个ui框架,该框架基于vue开发了很多相关组件,方便我们快速开发页面。1、安装Element UI，通过vue脚手架创建项vue init webpack element(项目名)2、在vue脚手架项目中安装elementui# 1.下载elementui的依赖npm i element-ui -S# 2.指定当前项目中使用elementuiimport