Vue.js: What is the difference between Options API and Composition API in Vue?

1export default {
2    data() {
3        return { count: 0 }
4    },
5    computed: {
6        doubled() {
7            return this.count * 2
8        }
9    },
10    methods: {
11        increment() {
12            this.count++
13        }
14    }
15}

1import { ref, computed } from "vue"
2
3export default {
4    setup() {
5        const count = ref(0)
6        const doubled = computed(() => count.value * 2)
7        const increment = () => count.value++
8        return { count, doubled, increment }
9    }
10}