diff --git a/docs/rules/no-mutating-props.md b/docs/rules/no-mutating-props.md
index 960ebe900..62c76680d 100644
--- a/docs/rules/no-mutating-props.md
+++ b/docs/rules/no-mutating-props.md
@@ -22,6 +22,8 @@ This rule reports mutation of component props.
 <template>
   <div>
     <input v-model="value" @click="openModal">
+    <button @click="pushItem">Push Item</button>
+    <button @click="changeId">Change ID</button>
   </div>
 </template>
 <script>
@@ -30,11 +32,25 @@ This rule reports mutation of component props.
       value: {
         type: String,
         required: true
+      },
+      list: {
+        type: Array,
+        required: true
+      },
+      user: {
+        type: Object,
+        required: true
       }
     },
     methods: {
       openModal() {
         this.value = 'test'
+      },
+      pushItem() {
+        this.list.push(0)
+      },
+      changeId() {
+        this.user.id = 1
       }
     }
   }
@@ -50,6 +66,8 @@ This rule reports mutation of component props.
 <template>
   <div>
     <input :value="value" @input="$emit('input', $event.target.value)" @click="openModal">
+    <button @click="pushItem">Push Item</button>
+    <button @click="changeId">Change ID</button>
   </div>
 </template>
 <script>
@@ -58,11 +76,25 @@ This rule reports mutation of component props.
       value: {
         type: String,
         required: true
+      },
+      list: {
+        type: Array,
+        required: true
+      },
+      user: {
+        type: Object,
+        required: true
       }
     },
     methods: {
       openModal() {
         this.$emit('input', 'test')
+      },
+      pushItem() {
+        this.$emit('push', 0)
+      },
+      changeId() {
+        this.$emit('change-id', 1)
       }
     }
   }
@@ -88,7 +120,45 @@ This rule reports mutation of component props.
 
 ## :wrench: Options
 
-Nothing.
+```json
+{
+  "vue/no-mutating-props": ["error", {
+    "shallowOnly": false
+  }]
+}
+```
+
+- "shallowOnly" (`boolean`) Enables mutating the value of a prop but leaving the reference the same. Default is `false`.
+
+### "shallowOnly": true
+
+<eslint-code-block :rules="{'vue/no-mutating-props': ['error', {shallowOnly: true}]}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>
+  <div>
+    <input v-model="value.id" @click="openModal">
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    value: {
+      type: Object,
+      required: true
+    }
+  },
+  methods: {
+    openModal() {
+      this.value.visible = true
+    }
+  }
+}
+</script>
+```
+
+</eslint-code-block>
 
 ## :books: Further Reading
 
diff --git a/lib/rules/no-mutating-props.js b/lib/rules/no-mutating-props.js
index f79613d9c..61461010b 100644
--- a/lib/rules/no-mutating-props.js
+++ b/lib/rules/no-mutating-props.js
@@ -4,6 +4,10 @@
  */
 'use strict'
 
+/**
+ * @typedef {{name?: string, set: Set<string>}} PropsInfo
+ */
+
 const utils = require('../utils')
 const { findVariable } = require('@eslint-community/eslint-utils')
 
@@ -84,6 +88,19 @@ function isVmReference(node) {
   return false
 }
 
+/**
+ * @param { object } options
+ * @param { boolean } options.shallowOnly Enables mutating the value of a prop but leaving the reference the same
+ */
+function parseOptions(options) {
+  return Object.assign(
+    {
+      shallowOnly: false
+    },
+    options
+  )
+}
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -94,12 +111,21 @@ module.exports = {
     },
     fixable: null, // or "code" or "whitespace"
     schema: [
-      // fill in your schema
+      {
+        type: 'object',
+        properties: {
+          shallowOnly: {
+            type: 'boolean'
+          }
+        },
+        additionalProperties: false
+      }
     ]
   },
   /** @param {RuleContext} context */
   create(context) {
-    /** @type {Map<ObjectExpression|CallExpression, Set<string>>} */
+    const { shallowOnly } = parseOptions(context.options[0])
+    /** @type {Map<ObjectExpression|CallExpression, PropsInfo>} */
     const propsMap = new Map()
     /** @type { { type: 'export' | 'mark' | 'definition', object: ObjectExpression } | { type: 'setup', object: CallExpression } | null } */
     let vueObjectData = null
@@ -138,10 +164,11 @@ module.exports = {
     /**
      * @param {MemberExpression|Identifier} props
      * @param {string} name
+     * @param {boolean} isRootProps
      */
-    function verifyMutating(props, name) {
+    function verifyMutating(props, name, isRootProps = false) {
       const invalid = utils.findMutating(props)
-      if (invalid) {
+      if (invalid && isShallowOnlyInvalid(invalid, isRootProps)) {
         report(invalid.node, name)
       }
     }
@@ -210,6 +237,9 @@ module.exports = {
           continue
         }
         let name
+        if (!isShallowOnlyInvalid(invalid, path.length === 0)) {
+          continue
+        }
         if (path.length === 0) {
           if (invalid.pathNodes.length === 0) {
             continue
@@ -246,26 +276,43 @@ module.exports = {
       }
     }
 
+    /**
+     * Is shallowOnly false or the prop reassigned
+     * @param {Exclude<ReturnType<typeof utils.findMutating>, null>} invalid
+     * @param {boolean} isRootProps
+     * @return {boolean}
+     */
+    function isShallowOnlyInvalid(invalid, isRootProps) {
+      return (
+        !shallowOnly ||
+        (invalid.pathNodes.length === (isRootProps ? 1 : 0) &&
+          ['assignment', 'update'].includes(invalid.kind))
+      )
+    }
+
     return utils.compositingVisitors(
       {},
       utils.defineScriptSetupVisitor(context, {
         onDefinePropsEnter(node, props) {
           const defineVariableNames = new Set(extractDefineVariableNames())
 
-          const propsSet = new Set(
-            props
-              .map((p) => p.propName)
-              .filter(
-                /**
-                 * @returns {propName is string}
-                 */
-                (propName) =>
-                  utils.isDef(propName) &&
-                  !GLOBALS_WHITE_LISTED.has(propName) &&
-                  !defineVariableNames.has(propName)
-              )
-          )
-          propsMap.set(node, propsSet)
+          const propsInfo = {
+            name: '',
+            set: new Set(
+              props
+                .map((p) => p.propName)
+                .filter(
+                  /**
+                   * @returns {propName is string}
+                   */
+                  (propName) =>
+                    utils.isDef(propName) &&
+                    !GLOBALS_WHITE_LISTED.has(propName) &&
+                    !defineVariableNames.has(propName)
+                )
+            )
+          }
+          propsMap.set(node, propsInfo)
           vueObjectData = {
             type: 'setup',
             object: node
@@ -294,22 +341,25 @@ module.exports = {
             target.parent.id,
             []
           )) {
+            if (path.length === 0) {
+              propsInfo.name = prop.name
+            } else {
+              propsInfo.set.add(prop.name)
+            }
             verifyPropVariable(prop, path)
-            propsSet.add(prop.name)
           }
         }
       }),
       utils.defineVueVisitor(context, {
         onVueObjectEnter(node) {
-          propsMap.set(
-            node,
-            new Set(
+          propsMap.set(node, {
+            set: new Set(
               utils
                 .getComponentPropsFromOptions(node)
                 .map((p) => p.propName)
                 .filter(utils.isDef)
             )
-          )
+          })
         },
         onVueObjectExit(node, { type }) {
           if (
@@ -359,7 +409,7 @@ module.exports = {
           const name = utils.getStaticPropertyName(mem)
           if (
             name &&
-            /** @type {Set<string>} */ (propsMap.get(vueNode)).has(name)
+            /** @type {PropsInfo} */ (propsMap.get(vueNode)).set.has(name)
           ) {
             verifyMutating(mem, name)
           }
@@ -378,9 +428,9 @@ module.exports = {
           const name = utils.getStaticPropertyName(mem)
           if (
             name &&
-            /** @type {Set<string>} */ (propsMap.get(vueObjectData.object)).has(
-              name
-            )
+            /** @type {PropsInfo} */ (
+              propsMap.get(vueObjectData.object)
+            ).set.has(name)
           ) {
             verifyMutating(mem, name)
           }
@@ -393,14 +443,18 @@ module.exports = {
           if (!isVmReference(node)) {
             return
           }
-          const name = node.name
-          if (
-            name &&
-            /** @type {Set<string>} */ (propsMap.get(vueObjectData.object)).has(
-              name
-            )
-          ) {
-            verifyMutating(node, name)
+          const propsInfo = /** @type {PropsInfo} */ (
+            propsMap.get(vueObjectData.object)
+          )
+          const isRootProps = !!node.name && propsInfo.name === node.name
+          const parent = node.parent
+          const name =
+            (isRootProps &&
+              parent.type === 'MemberExpression' &&
+              utils.getStaticPropertyName(parent)) ||
+            node.name
+          if (name && (propsInfo.set.has(name) || isRootProps)) {
+            verifyMutating(node, name, isRootProps)
           }
         },
         /** @param {ESNode} node */
@@ -423,28 +477,45 @@ module.exports = {
             return
           }
 
+          const propsInfo = /** @type {PropsInfo} */ (
+            propsMap.get(vueObjectData.object)
+          )
+
           const nodes = utils.getMemberChaining(node)
           const first = nodes[0]
           let name
           if (isVmReference(first)) {
-            name = first.name
+            if (first.name === propsInfo.name) {
+              // props variable
+              if (shallowOnly && nodes.length > 2) {
+                return
+              }
+              name = (nodes[1] && getPropertyNameText(nodes[1])) || first.name
+            } else {
+              if (shallowOnly && nodes.length > 1) {
+                return
+              }
+              name = first.name
+              if (!name || !propsInfo.set.has(name)) {
+                return
+              }
+            }
           } else if (first.type === 'ThisExpression') {
+            if (shallowOnly && nodes.length > 2) {
+              return
+            }
             const mem = nodes[1]
             if (!mem) {
               return
             }
             name = utils.getStaticPropertyName(mem)
+            if (!name || !propsInfo.set.has(name)) {
+              return
+            }
           } else {
             return
           }
-          if (
-            name &&
-            /** @type {Set<string>} */ (propsMap.get(vueObjectData.object)).has(
-              name
-            )
-          ) {
-            report(node, name)
-          }
+          report(node, name)
         }
       })
     )
diff --git a/tests/lib/rules/no-mutating-props.js b/tests/lib/rules/no-mutating-props.js
index 7338d9374..7c4884847 100644
--- a/tests/lib/rules/no-mutating-props.js
+++ b/tests/lib/rules/no-mutating-props.js
@@ -181,6 +181,37 @@ ruleTester.run('no-mutating-props', rule, {
         </template>
       `
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <input v-model="prop1.text">
+            <input v-model="this.prop2.text">
+            <button @click="prop3.text = '1'"></button>
+            <button @click="prop3.count++"></button>
+            <button @click="prop3.list.push(1)"></button>
+            <button @click="prop3.parent.text = '2'"></button>
+            <button @click="delete prop3.parent.text"></button>
+          </div>
+        </template>
+        <script>
+          export default {
+            props: ['prop1', 'prop2', 'prop3'],
+            methods: {
+                onKeydown() {
+                  this.prop3.text = '2'
+                  this.prop3.count ++
+                  this.prop3.list.push(1)
+                  this.prop3.parent.text = '2'
+                  delete this.prop3.parent.text
+                }
+            }
+          }
+        </script>
+      `,
+      options: [{ shallowOnly: true }]
+    },
 
     // setup
     {
@@ -325,6 +356,43 @@ ruleTester.run('no-mutating-props', rule, {
       </script>`
     },
 
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            setup(props) {
+                props.prop1.text = '2'
+                props.prop1.count ++
+                props.prop1.list.push(1)
+                props.prop1.parent.text = '2'
+            }
+          }
+        </script>
+      `,
+      options: [{ shallowOnly: true }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            setup({a,b,c, d: [e, , f]}) {
+              a.foo ++
+              b.foo = 1
+              c.push(1)
+
+              c.x.push(1)
+              delete c.y
+              e.foo++
+              f.foo++
+            }
+          }
+        </script>
+      `,
+      options: [{ shallowOnly: true }]
+    },
+
     {
       // script setup with shadow
       filename: 'test.vue',
@@ -642,6 +710,63 @@ ruleTester.run('no-mutating-props', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>
+            <div v-if="prop1 = [1, 2]"></div>
+            <div v-if="prop2++"></div>
+            <div v-text="prop3.shift()"></div>
+            <div v-text="prop4.slice(0).shift()"></div>
+            <div v-if="this.prop5 = [1, 2] && this.someProp"></div>
+            <div v-if="this.prop6++ && this.someProp < 10"></div>
+            <div v-text="this.prop7.shift()"></div>
+            <div v-text="this.prop8.slice(0).shift()"></div>
+            <div v-if="delete prop9.a"></div>
+            <div v-if="delete this.prop10"></div>
+          </div>
+        </template>
+        <script>
+          export default {
+            props: ['prop1', 'prop2', 'prop3', 'prop4', 'prop5', 'prop6', 'prop7', 'prop8', 'prop9', 'prop10'],
+            method: {
+              deleteProp() {
+                delete this.prop9.a
+                delete this.prop10
+              }
+            }
+          }
+        </script>
+      `,
+      options: [{ shallowOnly: true }],
+      errors: [
+        {
+          message: 'Unexpected mutation of "prop1" prop.',
+          line: 4
+        },
+        {
+          message: 'Unexpected mutation of "prop2" prop.',
+          line: 5
+        },
+        {
+          message: 'Unexpected mutation of "prop5" prop.',
+          line: 8
+        },
+        {
+          message: 'Unexpected mutation of "prop6" prop.',
+          line: 9
+        },
+        {
+          message: 'Unexpected mutation of "prop10" prop.',
+          line: 13
+        },
+        {
+          message: 'Unexpected mutation of "prop10" prop.',
+          line: 22
+        }
+      ]
+    },
 
     // setup
     {
@@ -820,6 +945,24 @@ ruleTester.run('no-mutating-props', rule, {
       errors: ['Unexpected mutation of "[a]" prop.']
     },
 
+    {
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          const props = defineProps()
+        </script>
+
+        <template>
+          <input v-model="props[foo]" >
+        </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected mutation of "[foo]" prop.',
+          line: 7
+        }
+      ]
+    },
     {
       filename: 'test.vue',
       code: `
@@ -839,7 +982,7 @@ ruleTester.run('no-mutating-props', rule, {
           line: 3
         },
         {
-          message: 'Unexpected mutation of "props" prop.',
+          message: 'Unexpected mutation of "value" prop.',
           line: 4
         }
       ]
@@ -898,6 +1041,45 @@ ruleTester.run('no-mutating-props', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <script>
+          export default {
+            setup(props) {
+              props.a ++
+              props.b = 1
+              props.c.push(1)
+              delete props.d
+
+              function foo() {
+                props.a ++
+              }
+            }
+          }
+        </script>
+
+      `,
+      options: [{ shallowOnly: true }],
+      errors: [
+        {
+          message: 'Unexpected mutation of "a" prop.',
+          line: 5
+        },
+        {
+          message: 'Unexpected mutation of "b" prop.',
+          line: 6
+        },
+        {
+          message: 'Unexpected mutation of "d" prop.',
+          line: 8
+        },
+        {
+          message: 'Unexpected mutation of "a" prop.',
+          line: 11
+        }
+      ]
+    },
 
     {
       // script setup with shadow
@@ -911,13 +1093,15 @@ ruleTester.run('no-mutating-props', rule, {
         </template>
         <script setup>
         import { ref } from 'vue'
-        const { Infinity } = defineProps({
+        const { Infinity, obj } = defineProps({
           foo: String,
           bar: String,
           Infinity: String,
           window: String,
+          obj: Object
         })
         const foo = ref('')
+        obj.id = 2
         </script>
       `,
       errors: [
@@ -932,6 +1116,50 @@ ruleTester.run('no-mutating-props', rule, {
         {
           message: 'Unexpected mutation of "Infinity" prop.',
           line: 6
+        },
+        {
+          message: 'Unexpected mutation of "obj" prop.',
+          line: 18
+        }
+      ]
+    },
+
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <button @click="props.a ++"/>
+          <button @click="a ++"/>
+          <button @click="props.b.push(1)"/>
+          <button @click="b.push(1)"/>
+          <input v-model="props.a"/>
+          <input v-model="props.a.b"/>
+        </template>
+        <script setup>
+          const props = defineProps({
+            a: Number,
+            b: Array,
+          })
+          props.a ++
+        </script>
+      `,
+      options: [{ shallowOnly: true }],
+      errors: [
+        {
+          message: 'Unexpected mutation of "a" prop.',
+          line: 3
+        },
+        {
+          message: 'Unexpected mutation of "a" prop.',
+          line: 4
+        },
+        {
+          message: 'Unexpected mutation of "a" prop.',
+          line: 7
+        },
+        {
+          message: 'Unexpected mutation of "a" prop.',
+          line: 15
         }
       ]
     }