Unexpected mutation of “xxx“ prop.(eslintvue/no-mutating-props)

eslint校验报这个错，其实是Vue的单向数据流的概念，因为识别到子组件中修改了props值。

错误示例

<template>
    <el-input v-model="name" />
</template>

<script setup>
const props = defineProps({
  name: {
    type: String,
    default: ''
  }
})
</script>

eslint配置

vite-pretty-lint

vite-pretty-lint库是一个为Vite创建的Vue或React项目初始化eslint和prettier的库。

该库的目的是为了让开发者在创建项目时，不需要手动配置eslint和prettier，而是通过vite-pretty-lint库来自动配置。

修饰符

• .native

介绍

Rollup Plugin Visualizer,这是一个依赖分析插件，它提供了多种模式的依赖分析，包括直观的视图分析，sunburst（循环层次图，像光谱）、treemap（矩形层次图，看起来比较直观，也是默认参数）、network（网格图，查看包含关系）、raw-data（原数据模式，json格式）, list(列表模式),你可以选择任意一种你喜欢的观察模式，这里我们就以默认的为例。

介绍

countup.js 是一个用于数字滚动的插件，可以用于数字滚动、金额滚动等。

安装

pnpm install countup.js

vue2 + webpack

const imgUrl = require('@/assets/images/wendubg.png')

简介

hook 本质是一个函数，把setup函数中使用的 Composition API 进行了封装，使得我们可以在setup函数中使用这些函数，而不用在setup函数中导入这些函数，他代替了vue2中mixins的功能，但是比mixins更加灵活，因为他可以在组件中任意位置使用，而不是像mixins一样只能在组件的顶部使用。

定义hook