哎哎哎:# t0]https://www . geeksforgeeks . org/view-js-mixins/

Mixins–Mixins 用于在执行相同动作的 Vue 组件中重用代码。Mixins 就像 C 编程中的函数。我们可以在 mixins 中定义一些动作，并在必要的地方使用它。在 mixins 的帮助下，代码的可重用性很简单。

Vue 中有两种类型的 mixin:-

1。本地 mixin–本地 mixin 仅在我们使用 Vue 组件中的 mixin 对象时起作用。在这里，我们将使用本地 mixins。

语法:

const MixinObjectName = {
methods: {
// you can write your methods here
}
}


2。全局 mixin–如果我们需要 Vue 中所有组件的相同功能，我们可以使用全局 mixin。全局混合影响每个 Vue 组件。

全局混合的一个小例子:

// Creating global mixin
Vue.mixin({
created: function () {
var example = this.$options.example
if (example) {
console.log(example)
}
}
})
new Vue({
example: 'This is Vue!!'
})


Output: This is Vue!!


先决条件:

• Js 视图

方法:首先，我们将创建一个没有 mixin 的 Simple Vue.js 应用程序，它会在按钮点击时显示一个警报。

检视应用程式:

超文本标记语言