Vue の state を動的に初期化するのは data 内がいいか、created 内がいいか？

Question

Vueの state の初期化について「どっちに統一するのがいいんだろう？」って思ったことがあるので質問です。
Vue において、「関数を用いてstateの初期値を設定する」みたいな操作がある時って、data フィールド内で関数を呼び出す / created フックの中で初期化するの、どちらがいいのでしょう？

個人の感覚としては data には定数的な値をおいて、動的に変化するものは created で作るのがいいと思っているのですが、実際どうなんだろうかと気になってます。

vue のバージョンは 2.6.10 です。

data 内で初期化するタイプ

export default {
  data() {
    return {
      authKey: this.retrieveAuthKey(),
    };
  },
  method: {
    retrieveAuthKey: function() {
      // Get auth key from storage or return null.
    }
  }
}

created 内で初期化するタイプ

export default {
  data() {
    return {
      authKey: null,
    };
  },
  created() {
    this.authKey = this.retrieveAuthKey();
  },
  method: {
    retrieveAuthKey: function() {
      // Get auth key from storage or return null.
    }
  },
}

Answer 1

初期化ってことなら、initial とかinitialize とかでどうでしょう

Comments

[takayukioda]

回答ありがとうございます。
関数名で初期化の名前をつけるなら initialize とかが良さそうですね。

ただ、今回の質問は Vue の data プロパティ内(https://vuejs.org/v2/api/#data) で初期化するのと createdメソッド内(https://vuejs.org/v2/api/#created) で初期化するの、どちらがより適切か？という質問なのですみませんが求めている答えではありませんでした。。。