亚洲av日韩av永久无码久久,免费的视频app网站,欧美性猛交xxxx免费看,国产成人精品三级麻豆

vue.js路由與vuex數(shù)據(jù)模型設(shè)計

2020-5-23    seo達人

路由設(shè)計

本則路由考慮驗證進入登錄頁面,完成登錄操作進入首頁。


import Vue from "vue";

import Router from "vue-router";

Vue.use(Router);


import store from "@/store/store";


// (延遲加載)

const Login = () => import("@/views/login");

const Home = () => import("@/views/home");


const HomeRoute = {

 path: "/",

 name: "首頁",

 component: Home

};


export { HomeRoute };


const router = new Router({

 base: process.env.BASE_URL,

 routes: [

   {

     path: "/login",

     name: "登錄",

     component: Login

   },

   HomeRoute

 ]

});


router.beforeEach((to, from, next) => {

 let loginName = store.state.user.loginName;

 if (to.path === "/" && loginName == "") {

   next("/login");

 } else {

   next();

 }

});


export default router;

數(shù)據(jù)模型

const state = {

 loginName: ""

};

const mutations = {

 SET_LOGINNAME(state, loginName) {

   state.loginName = loginName;

 }

};

const actions = {

 login({ commit }, userInfo) {

   return new Promise((res, ret) => {

     commit("SET_LOGINNAME", userInfo);

     res();

   });

 },

 logout({ commit }) {

   return new Promise((res, ret) => {

     commit("SET_LOGINNAME", "");

     res();

   });

 }

};

export default {

 namespaced: true,

 state,

 mutations,

 actions

};

import Vue from "vue";

import Vuex from "vuex";

Vue.use(Vuex);


import user from "./modules/user";


const store = new Vuex.Store({

 modules: {

   user

 }

});


export default store;

組件

<div class="modify">

 <input

   type="text"

   @keydown.enter.prevent="handleKeydown"

   v-model="currentVal"

   placeholder="使用enter鍵切換頻道"

 />

 <button @click="reset" style="margin-left:5px;outline:none;cursor:pointer;">復位</button>

</div>

import { mapState, mapMutations, mapActions } from "vuex";

export default {

 name: "login",

 data() {

   return {

     currentVal: "",

     list: ["咨詢服務(wù)", "音悅臺", "體育臺", "財經(jīng)頻道", "時尚資訊"],

     index: 0

   };

 },

 computed: {

   ...mapState({

     loginName: state => state.user.loginName

   })

 },

 methods: {

   ...mapActions({

     login: "user/login"

   }),

   handleToHome() {

     let userInfo = "user";

     this.login(userInfo);

     this.$router.push({

       path: "/"

     });

   },

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.chinatradebeam.com

存檔

国产69久久精品成人看| 久久久久亚洲精品无码网址| 亚洲国产成人久久精品大牛影视| 糙汉lvl奶瘾古言| 黑人巨大vs日本人优在线| 欧美《熟妇的荡欲》未删减版| 粗大的内捧猛烈进出a片| 在线观看的av网站| 被夫の上司に犯中文字幕| 久久无码人妻精品一区二区三区 | 欲妇荡岳丰满少妇a片24小时| 真人做爰高潮全过程毛片| 又大又粗又爽A级毛片免费看| 人妻精油按摩bd高清中文字幕| 娇妻借朋友高h繁交h| 色综合99久久久无码国产精品| 精品无人区无码乱码毛片国产| 又大又粗又硬又长| 少爷湿润粗大跪趴含bl| 欧美69久成人做爰视频| 亚洲欧洲自拍拍偷精品 美利坚 | 人人人妻人人澡人人爽欧美一区| 亚洲欧美精品aaaaaa片| 久久久久亚洲精品无码蜜桃| 成人亚洲性情网站www在线观看 | 好吊妞国产欧美日韩免费观看| 日本无码视频在线观看| 俺去俺来也在线www色官网| 国产精品久久久久久无码专区| 四虎影视www在线观看免费| 国产人妻久久精品一区二区三区| 中文字幕AⅤ人妻一区二区| 国产vpswindows精品| 老校长不戴套玩新婚老师| 亚洲AV乱码一区二区三区林ゆな| 巜饥渴的少妇在线观看| 国产老头老太作爱视频| 交换玩弄两个美妇教师| 麻豆av一区二区三区久久| 国产在线观看国偷精品产拍| 亚洲AV区无码字幕中文色|