1：token: 标识表记标帜用户登录状态 ， 存储用 vuex+cookie 实现, 即 vuex 里面设置变量 userToekn, 防备页面刷新 vuex中的变量恢复初始值。生存用户小我私家信息 ，用vuex 中变量userInfo (vuex+ localstorage), 道理跟token一致。

2:element ui 框架使用注意事项:

2.1：dropDown 下拉菜单：  点击el-dropdown-item 隐藏el-dropdown-menu （ui框架自带的成果），必需把点击事件写在 el-dropdown-item 上 ，应用场景： 

产品需求： 鼠标放上去， 小我私家中心下拉框展示出来， 点击 “退出登录” 执行 loginOut（） 要领，， 并且下拉框封锁， 代码如下： 

<el-dropdown>

          <div class="drop-top">

            <img v-show="img01" src="~img/index/pSetting/person01.png"  />

            <img

              v-show="!img01"

              src="~img/index/pSetting/person02.png"

            />

          </div>

          <el-dropdown-menu slot="dropdown" class="drop-down-con">

            <el-dropdown-item class="flex" @click.native="loginOut">

              <p class="pointer out">退出登录</p>

            </el-dropdown-item>

          </el-dropdown-menu>

</el-dropdown>

js：

methods: {

　　// 退出登录

    loginOut() {

      this.LOGIN_OUT();

　}

}

前台商城网站项目心得