src
Create a new mixins
folder in the directory and create a new index.js
file in it
Write public values and methods here
export const mixin = {
data() {
return {
mixinData: 123
}
},
methods: {
mixinFunction() {
console.log("这是来自mixin的方法")
}
}
}
Introduce in the component
<template>
<div></div>
</template>
<script>
import {
mixin } from "../mixins";
export default {
mixins: [mixin],
data() {
return {
};
},
mounted() {
console.log(this.mixinData); //这是来自mixin的值
this.mixinFunction(); //这是来自mixin的方法
},
};
</script>
<style lang="less" scoped>
</style>