在获取不到后台数据的时候我们也可以把页面搞起来生成随机数据1. 首先应该先建立一个json文件，把模拟数据写进去2. 安装3. 建立js文件，使用mockjs提供mock数据接口4.在main文件在加载js文件拦截ajax请求1. 不使用本地代理2.ajax请求后会影响store首先增加新的state变量，例如商家列表再者增加mutations最后增加actions并进行异步请求 生成随机数据1
转载
2024-09-12 22:31:22
249阅读
Sentry？开源的实时错误追踪工具，可以帮助开发人员实时监控和修复系统中的错。注册及创建项目。在官网注册完成后选择vue， 创建项目（这些网上都有就不详细讲了），创建项目之后会出现详细步骤安装：npm install --save @sentry/vue @sentry/tracing配置：import * as Sentry from "@sentry/vue";import { Integr
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录，可能会过期，使用 npm login 进行登录就可以 pu
原创
2021-07-23 11:32:15
391阅读
通过js创建一个Object对象来模拟真实DOM结构，这个对象包含标签名 (tag)、属性 (attrs) 和子元素对象 (children) 三个属性，通过vue中的render()函数把虚拟dom编译成真实dom，在通过appendChild()添加到页面中。再来一张图：是不是一下子秒懂 没懂再来一张创建虚拟DOM就是为了更好将虚拟的节点渲染到页面视图中，所以虚拟DOM对象的节点与真实DOM的
eslint用于代码检查，prettier用于代码格式化，具体操作如下1.安装以下eslint插件
安装以下eslint插件，并增加.eslintrc.js配置文件，.eslintignore配置忽略检查的文件（1）eslint
用于检查和标示出ECMAScript/JavaScript代码规范问题工具。
（2）@babel/eslint-parser
简而言之就是一个解析器，允许您使用ES
转载
2024-05-29 12:57:59
283阅读
main.js App.vue action.js getters.js index.js mutation.js types.js
转载
2017-06-24 05:50:00
220阅读
vue2
原创
2021-08-01 18:40:40
412阅读
最近项目开发中遇到需要用到ie浏览器的情况，因为是内网开发，大致记录下兼容过程。问题1：ie11浏览器页面无法加载首先遇到的问题是谷歌浏览器运行无问题，控制台也不报错，但是ie11浏览器就打不开，控制台报错----显示语法错误：，了解后发现ie浏览器不支持es6，可以通过core-js/stable及regenerator-runtime/runtime编译，vue cli官方推荐使用，main.
转载
2024-04-03 14:52:36
210阅读
新建 http.js文件import axios from 'axios'//引入vant的UI框架import {Toast} from 'vant';//axios 统一配置var instance = axi
原创
2023-01-03 15:03:27
203阅读
一、安装1、安装mockaxiosnpminstallmockjsaxios--save2、安装axios-mock-adapteraxios-mock-adapter是axios与mock配置器，简单来说就是把二者结合在一起的工具npminstallaxios-mock-adapter--save-dev二、使用mock1、在src目录下，创建mock文件夹，在下面再创建data文件夹，创建数据
原创
2019-03-01 10:53:22
2004阅读
点赞
使用Mock模拟后端使用Mock模拟后端使用Mock模拟后端
原创
2021-08-02 14:15:24
2657阅读
在前端开发过程中，有后台配合是很必要的。但是如果自己测试开发，或者后台很忙，没时间，那么我们需要自己提供或修改接口。下面提供两种方式，第二种更简单，个人推荐第二种。第一种、mock文件方式1、安装，开发环境npm i mockjs -D2、在src目录下新建mock目录，结构如下：3、index.js内容如下：const Mock = require('mockjs');//格式...
转载
2021-06-21 18:05:30
2047阅读
在现代网页开发中，许多开发者希望将前端框架（例如 Vue.js）与后端数据库（如 MySQL）集成，从而实现数据的动态交互。Vue2 利用 AJAX 请求来获取数据库中的数据，我们可以通过以下几个方面来探讨如何高效地实现 Vue2 获取 MySQL 数据。接下来，我们将从版本对比、迁移指南、兼容性处理、实战案例、排错指南和生态扩展六个方面来构建这篇博文。
## 版本对比
让我们首先看看 Vue
目录一、项目基本配置二、Eslint语法规范型检查 一、项目基本配置修改项目信息 package.json 文件{
"name": "XXX",
......
"description": "XX系统",
"author": "tom<123456@qq.com>",
......
}修改端口号 config/index.js中修改port:
转载
2024-07-29 09:30:58
87阅读
0 前言从Vue2升级到Vue3，可能最大的变化之一就是Composition Api了。 Composition Api是什么东西为啥要用它？怎么用它？有什么需要注意的吗？ 面对陌生的它，我们在这儿先简单认识一下它，而具体如何使用以及使用的注意点，将会在后续的文章更新中介绍，可以关注本文最后持续更新的扩展阅读部分。1 是什么Composition Api，也就是组合式Api。 我认为，它解决的主
转载
2023-11-06 12:52:14
247阅读
什么是JSX摘自 React 官方： 它被称为 JSX，是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX，JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模板语言，但它具有 JavaScript 的全部功能。Vue 什么时候应当使用JSX这里说的是应当，而不是必须。因为在绝大多数情况下，模板语法都能胜任，只不过写起来看着不太
转载
2024-06-03 15:34:33
66阅读
步骤一：集成standard标准的eslint进你的项目中首先准备一个没有加入eslint的vue项目 1.安装eslint的包 npm i eslint -D 2.初始化eslint，并生成eslint配置文件 npx eslint --init3.依次按照问题选择自己需要的配置 你想要的怎么使用eslint？ 选择第三个：检查，发现问题，并且约束代码风格 你的项目使用的是什么模块？ 选择第一个
转载
2024-06-12 14:16:51
274阅读
官网：http://mockjs.com/安装：https://github.com/nuysoft/Mock/wiki/Getting-Started引入并使用需要请求的url创建mock文件夹，新建index.js.引入mockjs，进行url正则匹配，也可以精准匹配在main.js中引入mock文件夹...
原创
2021-07-10 10:30:59
248阅读
官网：http://mockjs.com/安装：https://github.com/nuysoft/Mock/wiki/Getting-Started引入并使用需要请求的url创建mock文件夹，新建index.js.引入mockjs，
原创
2022-02-11 18:02:11
345阅读
# Vue2和TypeScript入门指南
Vue.js是一个流行的JavaScript框架，用于构建用户界面。它简单易用，同时具有强大的功能。而TypeScript是JavaScript的超集，它为JavaScript添加了类型系统，使得代码更加可靠和易于维护。在本文中，我们将介绍如何在Vue2中使用TypeScript。
## 安装Vue2和TypeScript
首先，我们需要安装Vue
原创
2023-12-05 09:13:21
198阅读
