PHP側で定義した複数の定数値をVue.jsで使用する場合のベスト

Question

いつもお世話になっております。

PHP側でDBのテーブルの各カラムのコードを以下の様にクラスとして複数定義しております。

class XXXColumnType{
    const A = 1;
    const B = 2;
    const C = 3;

　　static $list = [
        self::A => "A"
        , self::B => "B"
        , self::C => "C"
    ]
}

class ZZZColumnType{
    const DOG = 1;
    const CAT = 2;

    static $list = [
        self::DOG => "犬"
        , self::CAT=> "猫"
    ]
}

このクラスの値をVue側でも「定数」として今後のソース管理が楽になるように、
記述したい場合、どのような方法がベストなのか迷っております。

Vue.jsでも同じように定義すべきなのでしょうか。

それとも、Axios等でサーバー側からjson形式で、全ての定数クラスの値を出力し、
Vue.js側で格納する方がいいのでしょうか。

お手数をおかけしますが、ご教授頂けないでしょうか。
よろしくお願いいたします。

Answer 1

phpファイル上でvueを呼んでるならphp内にscriptタグで定数のリストを出力するのが
一番ラクでは？apiを分けられるならfetchするのが妥当でしょう。