首页 > 其他分享 >Vue ESLint Component name should always be multi-word

Vue ESLint Component name should always be multi-word

时间:2023-01-08 10:48:21浏览次数:58  
标签:multi Vue word module js vue ESLint

意思是建议组件名由多个单词组成,使用 About 之类的单个单词命名组件可能会报这个提示。

Option 1: 全局关闭

// <projectRoot>/.eslintrc.js
module.exports = {
  ⋮
  rules: {
    'vue/multi-word-component-names': 0,
  },
}

Option 2: 覆盖指定目录的 ESLint 配置

// <projectRoot>/.eslintrc.js
module.exports = {
  ⋮
  overrides: [
    {
      files: ['src/views/**/*.vue'],
      rules: {
        'vue/multi-word-component-names': 0,
      },
    },
  ],
}

Option 3: 在指定目录创建 ESLint 配置

// <projectRoot>/src/views/.eslintrc.js
module.exports = {
  rules: {
    'vue/multi-word-component-names': 0,
  },
}

vue.js - ESLint Vue multiword components - Stack Overflow

标签:multi,Vue,word,module,js,vue,ESLint
From: https://www.cnblogs.com/Higurashi-kagome/p/17034203.html

相关文章

  • vue 使用echarts
    0.在vue内使用echarts可使用v-echart这个魔改版本,完全是可用的,但不在本次叙述范畴1.首先安装 npminstallecharts--save或者yarnaddecharts2.先上结论 ......
  • vue组件的对象式写法,vue中的h函数
    render:将虚拟dom转为真实domh函数:创建的是vnode,也可以成为createVnode函数语法:h(元素名称,这个元素的数据,子集)第一个参数:可以为一个html标签,一个组件,一个异步组......
  • 解决uni-app使用vuex刷新后数据失效 即数据刷新后消失
    我是前端小白萌新一枚最近在用uniapp写一个app遇到不少坑特此记录一下啦~~一开始我存储数据时用vue中的store在登陆的时候把获取到的个人信息存储在store的仓库里面,然......
  • Vue组件之间的通信方式都有哪些?
    一、组件间通信的概念我们通常把组件间通信这个词进行拆分组件通信都知道组件是vue最强大的功能之一,vue中每一个.vue我们都可以视之为一个组件通信指的是发......
  • Vue 注册全局组件的方式
    一、语法:Vue的实例.component("组件名称",组件)1、方式一:这个组件就是vue文件import{createApp,h}from'vue'//引入创建vue实例的apiimportAppfrom'./App.vue......
  • Vue和React路由原理
    hash<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title......
  • day04-Vue01
    Vue011.Vue是什么?Vue(读音/vju:/,类似于view)是一个前端框架,依据构建用户界面Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或者项目整合支持和其他类库结合使用......
  • Vue自定义事件原理
    自定义事件的基本用法<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,initial-sca......
  • Blazor与Vue标签代码的可维护性对比
    通过一个简单示例来进行对比,Vue的ElementUI组件的行内编辑:Blazor的AntDesginBlazor组件的行内编辑:区别:el-table-column的label属性相当于Column的Title属性,这个是没......
  • 【vue】Vue-router
    Vue-router安装npminstallvue-router--save-devvue-cli中已经选择安装了vue-router,那这里不需要重复安装了解读route路径```src/router/index.js``import......