vue中，如何拆分出公用函数。

Question

//好几个页面都有相同的逻辑，但是新建的publics.js，里面放入函数，不生效，请大神看看哪里出了问题。谢谢了。

<script>
  import publics from './public'
  export default {
  
 components: {
      publics,
    },
    data() {
      return {
        listAll:true,

      }
    },
    created() {
      this.initJson()
    },
    methods: {
    //想把这个函数放入publics里，但是不生效，点击事件也不生效
      initJson() {
        console.log(this.listAll)
      },
    }
  }
</script>

// 工具类函数存放
const publics = {
  data() {
    return {

    }
  },
  created() {
  },
  methods: {
  },

}
export default publics

Answer 1

使用mixin

<script>
  export default {
  mixins: ['publics'],
 components: {
      publics,
    },
    data() {
      return {
        listAll:true,

      }
    },
    created() {
      this.initJson()
    },
    methods: {
    //想把这个函数放入publics里，但是不生效，点击事件也不生效
      initJson() {
        console.log(this.listAll)
      },
    }
  }
</script>

Answer 2

可以把你想要操作的变量当成参数传递过去，然后再return

Answer 3

1. mixin
2. 单独写个js文件用于放一些公用的api