vue+axiosブロッキング+router+vuex(小結)


axios   :
     :
axios.interceptors.request.use(funciton(config){
    eg:post          ,  config,      ,      
    if(config.method='post'){
        config.data=Qs.stringify(config.data)
    }
    return config          
},function(error){
    return Promise.reject(error); 
});
     :
axios.interceptors.response.use(funciton(response){
    return response          
},function(error){
    return Promise.reject(error); 
});

vue-routerルーティング1.routerフォルダを作成し、routerを作成します.jsはジャンプが必要なコンポーネントを導入し、routes配列変数を定義し、ルーティングアドレスオブジェクト{path,component,...}に書き込み、グローバル2を導出する.メールでjsにvue-routerを導入し、indexを導入する.jsファイル、Vueを使用します.use(VueRouter)は定数routerを定義し、newは導入したVueRouterオブジェクトを出し、導入したrouterをインスタンス化する.jsは、Vueオブジェクトに定数router 3に掛ける.ルートコンポーネントビューでルートコンポーネントをレンダーし、レンダーする前に固定ビュー4をロードする.固定ビューでロードコンポーネント5を使用する.ルーティングネスト:ルーティングアドレスオブジェクトでchildren属性(配列)を使用し、完全なルーティングアドレスオブジェクトに書き込む.サブルーティングアドレスの前に/を付けない.デフォルト表示ページではredirectリダイレクト属性を使用してルーティングアドレスを定義し、サブルーティングのrouter-linkではアドレスを/3級ネストしない.ルーティング間パラメータ伝達、ルーティングアドレスの後に書き込む/:パラメータ名ルーティングアドレスオブジェクトにname属性を使用し、コンポーネントにコンポーネントを命名する.params.パラメータ名受信パラメータ7.ルーティングハイライトでexactモードを使用すればよい
vuex状態管理1.state:アプリケーションのデータソース2を駆動する.view:stateを宣言方式でビュー3にマッピングする.Actions:非同期状態変化コンポーネントビュー->actions->mutation->state->コンポーネントビュー、actionsは必要なステップではありません.非同期処理がある場合はactionsを使用します:1.vuexフォルダを作成し、vuexを作成します.jsファイル定義変数state,actions,mutations,エクスポートグローバルstateで定義する管理する状態,取得状態:this.store.state.変数名はgettersでstateを処理する状態方法を定義し、方法でstate取得状態を入力:this.store.getters.関数名はmutationsで状態変化の方法を定義し、方法ではパラメータstateを入力し、状態を変更する必要がある:this.store.commit(「メソッド名」)はactionsで非同期操作を定義し、メソッドではパラメータcontext(context.commit(「mutationsメソッド名」)を非同期変更する必要がある:this.store.dispatch(「メソッド名」)2.メールでjsにvue-vuexを導入する、Vueを使用する.use(VueRouter)は定数storeを定義し、newはVuexを出す.Storeオブジェクトが導入するvuexをインスタンス化する.js Vueオブジェクトに定数storeを掛ける