Skip to content
This repository has been archived by the owner on Aug 8, 2022. It is now read-only.

docs: mixins.md #350

Merged
merged 3 commits into from
Jan 24, 2021
Merged
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions src/guide/mixins.md
Original file line number Diff line number Diff line change
Expand Up @@ -164,7 +164,7 @@ app.mount('#mixins-global')

## 自定义选项合并策略

自定义选项将使用默认策略,即简单地覆盖已有值。如果想让自定义选项以自定义逻辑合并,可以向 `app.config.optionMergeStrategies` 添加一个函数:
自定义选项将使用默认策略,即简单地覆盖已有值。如果想让自定义选项进行自定义逻辑合并,可以向 `app.config.optionMergeStrategies` 添加一个函数:
Justineo marked this conversation as resolved.
Show resolved Hide resolved

```js
const app = Vue.createApp({})
Expand Down Expand Up @@ -213,10 +213,10 @@ app.mixin({
})
```

在 Vue 2 中,mixin 是将部分组件逻辑抽象成可重用块的主要工具。但是,他们有几个问题:
在 Vue 2 中,混入是将部分组件逻辑抽象成可重用块的主要工具。但是,他们有几个问题:

- mixin 很容易发生冲突:因为每个特性的属性都被合并到同一个组件中,所以为了避免 property 名冲突和调试,你仍然需要了解其他每个特性。
- 混入很容易发生冲突:因为每个特性的属性都被合并到同一个组件中,所以为了避免 property 名冲突和调试,你仍然需要了解其他每个特性。

- 可重用性是有限的:我们不能向 mixin 传递任何参数来改变它的逻辑,这降低了它们在抽象逻辑方面的灵活性
- 可重用性是有限的:我们不能向混入传递任何参数来改变它的逻辑,这降低了它们在抽象逻辑方面的灵活性

为了解决这些问题,我们添加了一种通过逻辑关注点组织代码的新方法:[组合式 API](composition-api-introduction.html)。