在Vue中封裝函數(shù)可以有效提高代碼的復(fù)用性和可維護(hù)性。Vue提供了多種方式來封裝函數(shù)，比如Mixin、插件、全局函數(shù)等。下面我們來分別介紹這些方式。

1. Mixin

// mixin.js
export default {
methods: {
sayHello() {
console.log('Hello Vue!');
}
}
}

// component.vue
import mixin from './mixin'
export default {
mixins: [mixin]
}

2. 插件

// plugin.js
export default {
install(Vue) {
Vue.prototype.$sayHello = function() {
console.log('Hello Vue!');
};
}
}

// main.js
import plugin from './plugin'
Vue.use(plugin)

3. 全局函數(shù)

// util.js
export function sayHello() {
console.log('Hello Vue!');
}

// main.js
import { sayHello } from './util'
Vue.prototype.$sayHello = sayHello

除了上面三種方法，我們還可以通過Vue.extend()來定義全局組件或局部組件，并在組件內(nèi)部定義函數(shù)。另外，通過Vue.observable()來創(chuàng)建響應(yīng)式對(duì)象，就可以在函數(shù)間共享數(shù)據(jù)了。