gg_L
塑料前端
获得徽章 0
赞了这篇沸点
赞了这篇沸点
️ 
codepen.io
赞了这篇文章
赞了这篇沸点
#每天一个知识点#
问：一般的 vue 3 的组件是不是都不接受外面传入的参数，只是向外通知事件？
答： 不是的，Vue 3 的组件仍然可以接受外部传入的参数，这些参数通常通过 props 传递。同时，Vue 3 的组件也可以向外部发出事件，通常通过 emit 方法实现。
在你的代码中，modelValue 就是一个从外部传入的 prop，它是一个字符串数组。你的组件通过 update:modelValue 事件向外部发出通知，告诉外部 modelValue 的值已经改变。
所以，Vue 3 的组件既可以接受外部传入的参数，也可以向外部发出事件。这种模式被称为 "props down, events up"，是 Vue 组件通信的基本模式。
问：那么通过 props 往组件内部传入一个可以调用并返回值的函数，这种做法普遍么？
答： 将函数作为 props 传递给子组件是 Vue 和其他一些框架（如 React）中常见的模式。这种模式允许父组件控制子组件的行为，或者让子组件能够获取父组件的状态。
例如，你可能有一个 List 组件，它接受一个函数作为 prop，这个函数负责决定如何渲染列表中的每一项。或者，你可能有一个 Form 组件，它接受一个函数作为 prop，这个函数负责处理表单提交的数据。
然而，这并不是说所有的 props 都应该是函数。事实上，大多数情况下，props 应该是简单的数据类型，如字符串、数字或对象。函数 props 主要用于处理更复杂的用例，或者当你需要在组件之间共享行为时。
问： 在自定义组件中，如何往里传入一个函数，这个函数可以返回一个数组？
答：在 Vue 中，你可以通过 props 将函数传递给子组件。这个函数可以返回一个数组。在子组件中，你可以通过 props.arrayFunction() 来调用这个函数并获取返回的数组。
问：一般的 vue 3 的组件是不是都不接受外面传入的参数，只是向外通知事件？
答： 不是的，Vue 3 的组件仍然可以接受外部传入的参数，这些参数通常通过 props 传递。同时，Vue 3 的组件也可以向外部发出事件，通常通过 emit 方法实现。
在你的代码中，modelValue 就是一个从外部传入的 prop，它是一个字符串数组。你的组件通过 update:modelValue 事件向外部发出通知，告诉外部 modelValue 的值已经改变。
所以，Vue 3 的组件既可以接受外部传入的参数，也可以向外部发出事件。这种模式被称为 "props down, events up"，是 Vue 组件通信的基本模式。
问：那么通过 props 往组件内部传入一个可以调用并返回值的函数，这种做法普遍么？
答： 将函数作为 props 传递给子组件是 Vue 和其他一些框架（如 React）中常见的模式。这种模式允许父组件控制子组件的行为，或者让子组件能够获取父组件的状态。
例如，你可能有一个 List 组件，它接受一个函数作为 prop，这个函数负责决定如何渲染列表中的每一项。或者，你可能有一个 Form 组件，它接受一个函数作为 prop，这个函数负责处理表单提交的数据。
然而，这并不是说所有的 props 都应该是函数。事实上，大多数情况下，props 应该是简单的数据类型，如字符串、数字或对象。函数 props 主要用于处理更复杂的用例，或者当你需要在组件之间共享行为时。
问： 在自定义组件中，如何往里传入一个函数，这个函数可以返回一个数组？
答：在 Vue 中，你可以通过 props 将函数传递给子组件。这个函数可以返回一个数组。在子组件中，你可以通过 props.arrayFunction() 来调用这个函数并获取返回的数组。
展开
3
10
赞了这篇文章
赞了这篇文章