首页 > 其他分享 >vue组件命名错误

vue组件命名错误

时间:2022-09-23 17:16:39浏览次数:58  
标签:multi vue word 命名 names 组件

Component name “Home“ should always be multi-word e/multi-word-component-names

报错的原因:
在组件命名的时候未按照 ESLint 的官方代码规范进行命名,根据 ESLint 官方代码风格指南,除了根组件(App.vue)以外,其他自定义组件命名要使用大驼峰命名方式或者用“-”连接单词进行命名;

解决方法:
当在vue.config.js中修改lintOnSave: false无效时,找到package.json中的rules修改:"vue/multi-word-component-names": "off"(关闭名称校验)

然后ctrl+c结束进程,npm run serve重启就可以啦

标签:multi,vue,word,命名,names,组件
From: https://www.cnblogs.com/lzp110119/p/16723375.html

相关文章

  • vue3路由简单配置
    路由目录各文件内容【router/index】import{createRouter,createWebHashHistory,createWebHistory}from"vue-router";import{scrollBehavior}from"./helpe......
  • 【Vue】vue项目搭建、ES6的简单使用(大觅)
    目录项目搭建与基本配置项目搭建安装淘宝NPM镜像cnpm安装webpack新建项目运行项目运行时出现的一些问题和解决方案框架安装安装UI框架iView引入UI框架iView引入方式1:全部......
  • 【Vue】vue基础学习笔记
    目录基础差值语法模板语法数据绑定el与data的两种写法el与data写法1el写法2:挂载data写法2:函数式写法绑定样式绑定class样式绑定style样式条件渲染基础差值语法<divid......
  • 【vue3】reactive不能直接赋值的解决方法
    在vue3里,ref和reacitve都可以定义响应式数据,但是两者有所不同。在使用reactive定义复杂结构的响应式数据时,如果你要对其赋值,会丢失其响应性。然后赋值是我们经常进行的操作......
  • Vue中使用benz-amr-recorder插件实现播放amr音频文件以及在线url跨域问题解决
    场景需要做一个Android端和Web端的聊天室,Android端的录音音频文件为.amr格式,除了通过后台server端转码之后,是否可以通过插件在前端直接播放amr的音频文件。benz-amr-rec......
  • vue3配置全局过滤器
    vue3配置全局过滤器需要在main.js中配置一下代码//vue3配置全局过滤器app.config.globalProperties.$filters={//formatTime过滤器的名称formatTime(value:s......
  • Vuex新一代状态管理 — Pinia
    最近在学习pinia,做了一些笔记,在这里分享一下:https://note.youdao.com/ynoteshare/index.html?id=3bedfc4d66825be097cee904fe311f56&type=note&_time=1663899586848......
  • flutter系列之:Material中的3D组件Card
    目录简介Card详解Card的使用总结简介除了通用的组件之外,flutter还提供了两种风格的特殊组件,其中在Material风格中,有一个Card组件,可以很方便的绘制出卡片风格的界面,并且还......
  • Vue中的事件修饰符
    Vue中的事件修饰符:1、prevent:阻止默认事件(常用)2、stop:阻止事件冒泡(常用)3、once:事件只触发一次(常用);4、capture:使用事件的捕获模式;5、self:只有event.target是当前操作的......
  • vue收集表单数据给后端交互
    vue项目中需要收集表单数据给后端发送请求进行交互:查看代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compa......