Vue中的function賦值可能是一個讓人困惑的問題，尤其是對于初學者來說。由于JavaScript本身的限制，Vue的函數(shù)綁定并不像其它數(shù)據(jù)類型一樣直接賦值。下面通過實例演示Vue中的function賦值方式。

// 全局函數(shù)
function myFunc() {
console.log("hello");
}
// 組件定義
Vue.component("myComponent", {
data() {
return {
text: "world"
};
},
methods: {
handleClick() {
myFunc();
}
},
template: `
click me{{text}}
`
});
// 實例化Vue
new Vue({
el: "#app"
});

上述代碼中，我們定義了一個全局函數(shù)myFunc()，組件中綁定了一個點擊事件handleClick()，當點擊按鈕時，我們期望控制臺輸出“hello”文字。然而，在點擊時卻會出現(xiàn)如下錯誤：

Uncaught TypeError: myFunc is not a function

這是因為Vue會對組件中的方法進行綁定，使其在Vue實例的上下文中執(zhí)行，以便訪問到組件中的數(shù)據(jù)和方法。而myFunc()是未經(jīng)過Vue綁定的全局函數(shù)，因此出現(xiàn)了上述錯誤。

解決方法也很簡單，在組件中綁定需要使用的函數(shù)即可：

// 組件定義
Vue.component("myComponent", {
data() {
return {
text: "world"
};
},
methods: {
myFunc() {
console.log("hello");
},
handleClick() {
this.myFunc();
}
},
template: `
click me{{text}}
`
});

在上述代碼中，我們將原先的全局函數(shù)myFunc()賦值到組件methods屬性中，方便我們在組件中進行使用。最終我們成功地輸出了“hello”文字。

需要注意的是，我們在組件中使用函數(shù)時需要使用this訪問到組件實例的方法。在上述代碼中，使用this.myFunc()調(diào)用組件中的myFunc()函數(shù)。