4.3. 提交注册信息

2.5

3.0 2.6 2.5

V01 Vue.js 实战教程 - 基础篇 /

本教程最新版为 2.6，当前版本已放弃维护，请阅读最新版本！

简介

本小节中，我们将提交注册信息，同时新建一个消息组件，来显示一个提示。

封装 localStorage

在 src/utils 下新建 localStorage.js 文件，复制贴入以下代码：

src/utils/localStorage.js

const ls = localStorage

export default {
  setItem(name, value) {
    ls.setItem(name, JSON.stringify(value))
  },
  getItem(name) {
    try {
      return JSON.parse(ls.getItem(name))
    } catch (e) {
      return null
    }
  },
  removeItem(name) {
    ls.removeItem(name)
  }
}

我们这里对 localStorage 做了简单的封装，以便于存取数据。

提交注册信息

打开 src/views/auth/Register.vue 文件，复制以下代码进行替换：

src/views/auth/Register.vue

<template>
  <div class="row">
    <div class="col-md-4 col-md-offset-4 floating-box">
      <div class="panel panel-default">
        &...

本文章首发在 LearnKu.com 网站上。

为了保证课程的高品质，我们需要对课程进行收费。付费后才能观看剩余内容。购买

4.3. 提交注册信息

2.5

3.0 2.6 2.5

简介

封装 localStorage

提交注册信息

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

4.3. 提交注册信息 2.5 3.0 2.6 2.5

简介

封装 localStorage

提交注册信息

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录

4.3. 提交注册信息

2.5

3.0 2.6 2.5