亚洲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

存檔

一女三黑人玩4p惨叫a片| 中国a级毛片免费观看| 精品无码一区二区三区亚洲桃色| 两个黑人大战嫩白金发美女| 快穿名器系统纯肉巨污文直播| 极品美女扒开粉嫩小泬| 亚洲人成亚洲人成在线观看| 国产手机精品一区二区| 极品少妇xxxx精品少妇偷拍| 亚洲av无码乱码在线观看裸奔| 波多野结衣在线播放| 女人最不吉利的5颗痣| 色五月丁香五月综合五月4438 | 国产AV无码专区亚洲AV毛网站| 少妇少洁第1一40章| 内射毛片内射国产夫妻| 青楼男妓h高潮啊哈男男| 蜜桃成人无码区免费视频网站| 男人床上越折腾你是不是越爱你 | 国精产品一品二品国精破解| 国产成人一区二区三区| 国语自产少妇精品视频| 美女又黄又免费的视频| 亚洲欧美中文日韩在线V日本| A级毛片无码免费真人久久| 亚洲色偷偷综合亚洲avyp| 狠狠人妻久久久久久综合九色| 性饥渴老太xxxxxhd| 小婕子的第一次好紧| 变态抽搐顶弄h| 国产高清无密码一区二区三区| 99久久亚洲精品无码毛片| 天天做天天爱天天综合网2021 | 国产乱人伦偷精品视频免下载| 我的邻居是bj无删减漫画免费看| 久久久久久久亚洲AV无码| 饥渴偷公乱第400章| 新婚妻子1-3部20章| 欧美成人一区二区三区在线观看| 久久精品中文字幕一区二区三区 | 久久艳务乳肉豪妇荡乳a片|