Bagaimana untuk mengisytiharkan fungsi dalam persediaan dalam vue

Terdapat 4 cara untuk mengisytiharkan fungsi dalam persediaan: mengisytiharkan fungsi secara terus, gunakan Vue.reactive untuk mencipta objek reaktif berubah-ubah, gunakan Vue.computed untuk mencipta sifat yang dikira, gunakan Vue.watch untuk mencipta pendengar

dalam Vue dalam persediaan Mengisytiharkan fungsi dalam

Dalam Vue 3.0, fungsisetupmenyediakan cara baharu untuk mengisytiharkan keadaan reaktif, sifat dan kaedah yang dikira. Begini caranya untuk mengisytiharkan fungsi dalam persediaan: setup函数提供了声明响应式状态、计算属性和方法的新方式。以下是如何在 setup中声明函数：

直接声明函数

import { defineProps } from 'vue' export default { props: defineProps(['count']), setup() { function incrementCount() { // ... } // 其他逻辑... return { // ...其他响应式状态 incrementCount } } }

使用Vue.reactive创建可变响应式对象

import { defineProps, reactive } from 'vue' export default { props: defineProps(['count']), setup() { const state = reactive({ count: 0, increment: function() { // ... } }) // 其他逻辑... return { // ...其他响应式状态 ...state } } }

使用Vue.computed创建计算属性

import { defineProps, computed } from 'vue' export default { props: defineProps(['count']), setup() { const incrementCount = computed(() => { // ... }) // 其他逻辑... return { // ...其他响应式状态 incrementCount } } }

使用Vue.watch创建侦听器

import { defineProps, watch } from 'vue' export default { props: defineProps(['count']), setup() { const incrementCount = watch('count', (newValue, oldValue) => { // ... }) // 其他逻辑... return { // ...其他响应式状态 incrementCount } } }

通过这些方法，可以在 Vue 3.0 的setup

Atas ialah kandungan terperinci Bagaimana untuk mengisytiharkan fungsi dalam persediaan dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!