Vue组件中如何将函数通过props传递实现？

本文共计1865个文字，预计阅读时间需要8分钟。

原文：本文字幕+GitHub https://github.com/qq44924588...+ 上已收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参考考察点复习，希望我们能一起有点东西。

本文 GitHub github.com/qq44924588 ... 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。

Vue 新手经常问的一个常见问题。可以将字符串、数组、数字和对象作为props传递。但是你能把一个函数当作一个props来传递吗?

虽然可以将函数作为props传递，但这种方式不好。相反，Vue 有一个专门为解决这问题而设计的功能，接下来，我们来看看。

向组件传入函数

获取一个函数或方法并将其作为一个prop传递给子组件相对比较简单。实际上，它与传递任何其他变量方式完全相同：

<template> <ChildComponent :function="myFunction" /> </template> export default { methods: { myFunction() { // ... } } };

正如前面所说，在Vue中永远都不要做这样的事情。

为什么？Vue有更好的东西。

大家都说简历没项目写，我就帮大家找了一个项目，还附赠。