Promiseコード解説（Vue）

・<ag-list-footer＞など他のファイルはインポートしないで使えるのはなぜ？

import SettingDialog from './SettingDialog.vue';これ書かないとエラーになる

（解）components: {}の中にも定義していたから

　　app.jsの中で設定されているのでファイルはインポート書かなくてもタグで使える

<user-save-component ref="SaveDialog" :auth="this.auth" :const="this.const" @onListReload="onGetList"></user-save-component>
        <loading-overlay :loading="loading"></loading-overlay>
        <message-dialog ref="msgDialog"></message-dialog>

• beforeMountなど、Vueのライフサイクルについて

Promiseには3つの状態がある

処理の順序に

お約束を取り付けることができるもの、

処理を待機することや、その結果に応じて次の処理をすることお約束するもの

だと思っています。

Promiseには、PromiseStatusというstatusがあり、3つのstatusがあります。

• pending: 未解決 (処理が終わるのを待っている状態)
• resolved: 解決済み (処理が終わり、無事成功した状態)
• rejected: 拒否 (処理が失敗に終わってしまった状態)

 getData(sid) {
            // データ取得のPromiseを返す関数
            return new Promise(function(resolve, reject) {
                const axios_class = axios.get(constants.url.endpoint.setting.list + "/" + Number(false));
                const axios_edit_data = axios.get(constants.url.endpoint.setting.data + "/" + sid);
                Promise.all([axios_class, axios_edit_data])
                    .then(response => resolve(response))
                    .catch(error => reject(error));
            });
        },

[axios_class, axios_edit_data]の配列の

追加の時は0番目axios_class→分類で選択肢出すためにlistでデータの一覧を取得する

編集の時はの配列の1番目axios_edit_data→編集する行のsidで１個選んでその行のデータを取ってくる

<!-- 分類 -->
                        <v-col class="pt-0" cols="12" xs="12" sm="12" md="12" lg="12" xl="12">
                            <v-autocomplete
                                :items="classList"
                                item-value="class_cd"
                                item-text="class_name"
                                v-model="classValue"
                                label="分類*"
                                **return-object**
                                :rules="isNewClass ? [] : [inputRules.requiredSel]"
                                :disabled="isEditMode"
                            >
                            <template v-slot:append-outer v-if="!isEditMode">
                                    <v-icon @click="isNewClass = !isNewClass">mdi-plus</v-icon>
                                </template>
                            </v-autocomplete>
                        </v-col>

:disabled="isEditMode"　触れなくする

return-object

が書いてあるときはデータ１個（nameとか）じゃなくて、全部(１件丸ごと)渡す。

使うのは何を基準に決める？

:rules="isNewClass ? [] : [inputRules.requiredSel]"

ルールの条件　**isNewClassがtrueの場合、:rulesには空の配列[]**が指定されます

        <!-- 一覧 -->
        <div>
            <ag-grid-vue class="ag-theme-alpine" style="height: calc(100vh - 200px);min-height: 340px;"
                :gridOptions="gridOptions"
                :rowData="rowData"
                :modules="modules"
                :context="context"
                :frameworkComponents="frameworkComponents"
            />
        </div>