跳至主要内容

options vs composition

Options vs Composition 寫法的差異 (SFC)​

Options​

<script>
export default {
  data() {
    return {
      titleClass: 'title'
    }
  }
}
</script>

<template>
  <h1>Make me red</h1> <!-- add dynamic class binding here -->
</template>

Composition​

  • 要加上 setup
<script setup>
import { ref } from 'vue'

const titleClass = ref('title')
</script>

<template>
  <h1>Make me red</h1> <!-- add dynamic class binding here -->
</template>
備註

回到Vue3 必學知識點列表