Vue usa mixin para realizar el método de datos compartidos

srcCree una nueva mixinscarpeta en el directorio y cree un nuevo index.jsarchivo en ella

Escribe aquí métodos y valores públicos

export const mixin = {
    
    
    data() {
    
    
        return {
    
    
            mixinData: 123
        }
    },
    methods: {
    
    
        mixinFunction() {
    
    
            console.log("这是来自mixin的方法")
        }
    }
}

Introducir en el componente

<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>