mockjs 使用
1. 安装 npm install mockjs
2. 在 src/assets 目录下创建个 util 文件夹, 并在里新建一个文件 mock.js
例如:
- const Mock = require(mockjs)
- const Random = Mock.Random
- export default Mock.mock(api/mocktest,createData)
- function createData () {
- let articles = []
- for (let i = 0; i <9; i++) {
- let newArticleObject = {
- title: Random.csentence(5, 10),
- thumbnail_pic_s: Random.dataImage(300x250, mock 的图片),
- author_name: Random.cname(),
- date: Random.date() + + Random.time()
- }
- articles.push(newArticleObject)
- }
- return {
- articles: articles
- }
- }
3. 引用, 可以在 main.js 中全局引用 require(./assets/util/mock.js)
4. 在 vue 组件中使用
- axios.get(api/mocktest).then(res => {
- this.items = res.data.articles
- console.log(res.data.articles)
- })
vConsole 使用
1. 安装 npm install vconsole
2. 在 src/assets 目录下创建个 util 文件夹, 并在里新建一个文件 vconsole.js
例如:
- import Vconsole from vconsole
- let vConsole = new Vconsole()
- export default vConsole
3. 引用, 可以在 main.js 中全局引用 require(./assets/util/vconsole.js)
4. 启动项目页面中就会出现 vconsole 控件
5. 原理
(1) 重写 console
(2) 用 window.onerror 捕获并上报 Js 错误
来源: http://www.bubuko.com/infodetail-2536849.html