57uv6Z6g55qE5Y2a5a6i

MS4wLjABAAAA5qMD8Gzdcgq7HXUOviKB59i0-ybJ59jJvNzyaPt5XOsVNqP6DU7WLcoAXvdxvYdp💗
本站所有文章仅作技术研究，请勿非法破坏，请遵守相关法律法规，后果自负

【笔记】Vue3的函数

发表于 2025-11-08 更新于 2025-12-18 分类于 Vue学习指北阅读次数：

前言

Vue3的函数学习笔记

OptionsAPI

<template>
  <div v-on:click="fn"></div>
</template>

<script>
  export default {
    methods: {
      fn: function () {
        ...
      }
    }
  }
</script>

CompositionAPI

setup函数

<template>
  <div v-on:click="fn"></div>
</template>

<script>
  export default {
    setup: function (attrs, slots, emit) {
      
      const fn = function () {
        ...
      }
      
      return {
        fn
      }
    }
  }
</script>

setup语法躺

<template>
  <div v-on:click="fn"></div>
</template>

<script setup>
  const fn = function () {
    ...
  }
</script>

完成

0%