【vue.js】mounted で props の値にアクセスできない

Question

前提・実現したいこと

props の値（配列）を取得し、動的にdataに追加したいです。
コードは下のように書いています。
for文が回っていないことに気づき、console.logでデバックしたところ、
「this.itemは取得できているが、this.plan_daysは取得できていない」
ということが確認できました。

export default {
  name: "AAA",
  data() {
    return {
    ...
    };
  },
  props: [
    "items",
    "plan_days",
  ],
  mounted: function() {
    console.log(this.items)
    console.log(this.plan_days)
    for (let i = 0; i < this.plan_days.length; i++) {
      this.plan_days[i] = false;
    }

試したこと

1. setTimeout を使えば期待の動作をする。
2. beforeUpdate を使えば期待の動作をする。
3. Promise を使ってみたが、期待の動作はしなかった。

上二つを使えば一応は動作しますが（２がベターだと思う）、より良い解決策があればご教授願いたいですm(_ _)m

Answer 1

mountedはマウントタイミングに一度だけ行われる処理でpropsの変更を感知しません。
試されているようにbeforeUpdateでもよいのですが、どのデータがアップデートされても実行されるため特定の値の変更を見たいのであればwatchがオススメです。
今回のように値の初期化処理ではなく、一定の処理結果を表示したい場合はcomputedを使うほうがベターです。

<script>
export default {
  data() {
    retrun {
      state_plan_days: []
    }
  },
　props: {
    plan_days: {
      type: Array,
      default: () => {
        return []
      }
    }
  },
  watch: {
    plan_days(value) {
      this.state_plan_days = value.map(() => false)
    }
  }
}
</script>

余談ですがpropsで引き取った値を直接編集するのは避けたほうが良いです、Vueでも警告が出ると思います。
上で記載したようにpropsで受け取ったデータはそのままにしておいて、必要な値は別のdataへセットしたりして回避することをオススメします。