Advertisement

SPA项目开发页面跳转功能、阻断网络请求及组件间数据传输

阅读量:

SPA项目实现页面跳转&mock.js拦截请求&首vue组件之间传递数据

  • 前言
  • 页面跳转
  • mock.js拦截请求
  • vue组件之间传递数据

前言

上篇文章对SPA项目的登录流程进行了详细阐述。这篇博客则介绍了spa项目的跳转操作,通过模拟mock.js来实现对该场景的拦截,并重点讲解了Vue组件之间的通信机制

页面跳转

我就做一个注册界面8!首先需要一个注册界面:

我是copy我的登录界面再做修改的

代码:

复制代码
    <template>
    		<div class="login-wrap">
    		<el-form class="login-container">
    			<h1 class="title">用户注册</h1>
    			<el-form-item label="用户名">
    			<el-input type="text" v-model="username" placeholder="请输入用户名" autocomplete="off"></el-input>
    		</el-form-item>
    		<el-form-item label="密码">
    			<el-input type="password" v-model="passw

全部评论 (0)

还没有任何评论哟~