데이터, 방법 및 계산을 글로벌 가치로 만들려면 어떻게 해야 합니까?

데이터, 방법 및 계산을 글로벌 가치로 만들려면 어떻게 해야 합니까?

내 코드는 다음과 같습니다.

<template>
  <v-layout
    column
    justify-center
    align-center
  >
    <v-flex
      xs12
      sm8
      md6
    >
      ...
    </v-flex>
  </v-layout>
</template>

export default {
  data () {
    return {
      currentDate: this.$moment().format('YYYY-MM-DD')
    }
  },
  computed: {
    birthdayFormatted () {
      return this.formatBirthday(this.birthday)
    },
  },
  methods: {
    formatBirthday (date) {
      if (!date) {
        return null
      }
      const d = this.$moment(date).format('DD MMM YYYY')
      return d
    }
  }
}

<style scoped lang="scss">
  .label {
    font-weight: 500;
    font-size: 13px;
  }
</style>

예를 들어, 저는 그런 A 구성 요소를 가지고 있습니다.

현재 날짜 데이터, formatBirthday 메서드 및 birthdayFormated 계산된 데이터는 어디에 저장합니까?다른 구성 요소에서 읽을 수 있습니다.

내가 그것들을 vuex 스토어에 넣었나요?

vue 앱에서 a를 선언할 수 있습니다.

Vue.mixin({
    data () {
        return {
            currentDate: this.$moment().format('YYYY-MM-DD')
        }
    },
    computed: {
        birthdayFormatted () {
            return this.formatBirthday(this.birthday)
        },
    },
    methods: {
        formatBirthday (date) {
            if (!date) {
              return null
            }
            const d = this.$moment(date).format('DD MMM YYYY')
            return d
        }
    }
})

그런 다음 각 Vue 구성 요소에 선언된 데이터, 계산된 데이터 및 방법에 액세스할 수 있습니다.

언급URL : https://stackoverflow.com/questions/62123487/how-can-i-make-data-methods-and-computed-globally-in-vue