element之首页导航

Mock.js是一个用于生成模拟数据的工具,支持丰富的数据类型如文本、数字等,并能拦截Ajax请求以在开发环境中返回模拟响应。它帮助前端开发者在无需后端配合的情况下进行调试和原型设计。此外,文中还提到了组件通信的实现,如通过事件总线(BUS)进行组件间的交互。
摘要由CSDN通过智能技术生成

1.mock.js

1.Mock.js是一个模拟数据的生成器,用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率。

2.- **数据类型丰富**:支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。
- **拦截Ajax请求**:不需要修改既有代码,就可以拦截Ajax请求,返回模拟的响应数据。

3.安装与配置

安装mockjs

npm i mockjs -D

 引入mockjs

为了只在开发环境使用mock,而打包到生产环境时自动不使用mock,我们可以在config目录中的`dev.env.js`和`prod.env.js`做一个配置,

 

 在conf里的dev中加入MOCK: 'true'

 在prod里使用MOCK: 'false'

 

 将模板铐入src

 使用箭头 就不会存在指针污染

 

 2.js实现组件自由

在下面导航加入

this.$router.push({path:'/Register'});

 

 

 

 3.组件通信

 总线BUS

在main .vue 中加入BUS 

进入APPmain界面

 注册主键

 

 

 

 4.退出功能实现

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值