preventDefault()不会禁用按钮，但会阻止其默认操作，主要是在Submit操作的情况下。
要禁用单击按钮，您需要执行以下操作：

<template>
  <div>
      <button :disabled="isDisabled" v-on:click="warn('msg',$event)">warn</button>     
</div>
</template>

<script> 
    import {ref} from 'vue' 

    export default {
      name: 'App',
      components: {
        HelloWorld
      }
}
</script>
 
<script setup> 
    const warn = (msg,DOMEvent) => {
      console.log("warn:",msg," event:",DOMEvent);
      //DOMEvent.preventDefault() //uncomment if needed
      this.isDisabled = true;
    }
</script>

preventDefault在以下情况下非常有用：

• 单击“提交”按钮，阻止其提交表单
• 点击链接，阻止链接跟随URL

要在您的案例中禁用按钮，您可以用途：

const warn = (msg,DOMEvent) => {
  DOMEvent.srcElement.disabled = true;
}

event.preventDefault()停止当前事件对页面的作用。
要禁用按钮，可以将其disabled属性设置为true。

button.addEventListener('click', () => {
 button.disabled = true;
 button.textContent = 'Cant touch this';
})

<button id="button">Click Me</button>

看起来你没有正确使用preventDefault方法。
阅读MDN Event.preventDefault()文档以更好地了解如何使用它。
首先，要禁用一个按钮，可以简单地使用disabled属性

<button v-on:click="warn('msg',$event)" disabled>warn</button>

理想情况下，您可能只想使用v-bind:指令有条件地禁用它。

<template>
    <div>
        <button v-on:click="warn('msg',$event)" v-bind:disabled="isDisabled">warn</button>

        <!-- A new button to toggle disabled state -->
        <button v-on:click="toggleDisabledState">Toggle</button> 
    </div>
</template>
... 

<script setup>
    import {ref} from 'vue'

    const isDisabled = ref(false);

    const warn = (msg,DOMEvent) => {
      console.log("warn:",msg," event:",DOMEvent);
    }

    // toggle method
    const toggleDisabledState = () => {
      isDisabled.value = !isDisabled.value
    } 
</script>