1、收集表单数据收集表单数据若：<input type="text"/>，则v-model收集的是value值，用户输入的就是value值。若：<input type="radio"/>，则v-model收集的是value值，且要给标签配置value属性。若：<input type="checkbox"/>
1.没有配置inp
转载
2024-10-18 11:39:02
95阅读
在vue中，使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法：<input type="text" v-model="cityName"/> new Vue({
el: '#root',
data: {
cityName: 'shanghai'
},
methods:{
Namechange:f
转载
2024-04-23 16:06:38
401阅读
Vue2之基础介绍和指令与过滤器一、简介1、概念2、vue的两个特性2.1 数据驱动视图2.2 双向数据绑定3、MVVM二、vue基础用法1、导入vue.js的script脚本文件2、在页面中声明一个将要被vue所控制的DOM区域3、创建vm实例对象（vue实例对象）4、样例完整代码三、指令与过滤器1、指令的概念2、六大类指令3、内容渲染指令3.1 介绍3.2 三个种类3.3 v-text3.4
在现代网页开发中，许多开发者希望将前端框架（例如 Vue.js）与后端数据库（如 MySQL）集成，从而实现数据的动态交互。Vue2 利用 AJAX 请求来获取数据库中的数据，我们可以通过以下几个方面来探讨如何高效地实现 Vue2 获取 MySQL 数据。接下来，我们将从版本对比、迁移指南、兼容性处理、实战案例、排错指南和生态扩展六个方面来构建这篇博文。
## 版本对比
让我们首先看看 Vue
# 使用 Vue2 和 Axios 获取 JSON 数据的详细指南
在现代前端开发中，使用 Vue.js 框架结合 Axios 库来获取后端的 JSON 数据非常常见。对于初学者来说，理解这个流程非常重要。本篇文章将指导你如何在 Vue2 中使用 Axios 来获取 JSON 数据，我们会按照以下步骤进行。
## 流程概述
下面的表格展示了整个操作的流程：
| 步骤 | 描述
原创
2024-10-18 07:42:44
254阅读
本文主要介绍了vue生成token保存在客户端localStorage中的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。前面我们已经了解了可以通过localStorage在客户端(浏览器)保存数据。我们后端有这样一个接口：http://localhost/yiiserver/web/index.php/token?client_appid=aa
转载
2024-08-16 14:22:17
143阅读
一，安装饼干在Vue2.0下，这个貌似已经不需要安装了。因为当你创建一个项目的时候，npm install已经为我们安装好了。我的安装方式如下：# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖，走你
$ cd my-project
$
转载
2024-03-11 06:39:15
646阅读
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录，可能会过期，使用 npm login 进行登录就可以 pu
原创
2021-07-23 11:32:15
391阅读
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阅读
起步header 组件需完成：1.头部商家信息的展示2.完成公告部分3.弹出层的实现在这个过程中，很重要的一步是通过异步请求后端数据接口，接收并渲染相关商家数据。如何实现：使用第三方插件 vue-resource，通过在父组件（App.vue）发送 Ajax 请求获得后端数据，然后通过 header 的 Prop 属性将数据传递给 header 组件。 知识准备vue-res
什么是JSX摘自 React 官方： 它被称为 JSX，是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX，JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模板语言，但它具有 JavaScript 的全部功能。Vue 什么时候应当使用JSX这里说的是应当，而不是必须。因为在绝大多数情况下，模板语法都能胜任，只不过写起来看着不太
转载
2024-06-03 15:34:33
66阅读
0 前言从Vue2升级到Vue3，可能最大的变化之一就是Composition Api了。 Composition Api是什么东西为啥要用它？怎么用它？有什么需要注意的吗？ 面对陌生的它，我们在这儿先简单认识一下它，而具体如何使用以及使用的注意点，将会在后续的文章更新中介绍，可以关注本文最后持续更新的扩展阅读部分。1 是什么Composition Api，也就是组合式Api。 我认为，它解决的主
转载
2023-11-06 12:52:14
247阅读
目录一、项目基本配置二、Eslint语法规范型检查 一、项目基本配置修改项目信息 package.json 文件{
"name": "XXX",
......
"description": "XX系统",
"author": "tom<123456@qq.com>",
......
}修改端口号 config/index.js中修改port:
转载
2024-07-29 09:30:58
87阅读
步骤一：集成standard标准的eslint进你的项目中首先准备一个没有加入eslint的vue项目 1.安装eslint的包 npm i eslint -D 2.初始化eslint，并生成eslint配置文件 npx eslint --init3.依次按照问题选择自己需要的配置 你想要的怎么使用eslint？ 选择第三个：检查，发现问题，并且约束代码风格 你的项目使用的是什么模块？ 选择第一个
转载
2024-06-12 14:16:51
274阅读
Vue 项目实现微信分享的自定义分享链接问题解决这篇文章可能把问题想复杂了，设置微信分享推荐阅读这篇文章 >> 前端调用微信分享函数封装(适用于原生页面和其他框架项目)前言：前两天在做微信公众号里的项目的时候有一个需求是在 vue 项目中实现微信分享，然后在自定义分享链接的时候出了一些问题，分享出去的自定义链接(链接中携带参数)总是会直接跳到项目首页，而且是玄学跳
转载
2024-10-26 09:21:21
39阅读
1：插槽-默认插槽，2：插槽-具名插槽 ，3：插槽-作用域插槽
原创
精选
2024-01-13 13:16:26
328阅读
在前端开发的世界里，Vue.js 已经成为了非常流行的框架，而在与 API 进行交互时，Axios 则是一个不可或缺的工具。随着 Vue2 和 Axios 的流行度提升，我们也开始遇到一些特定问题，比如“vue2 fengzhuangaxios”，这里的“fengzhuang”意指封装，即把 Axios 封装为更易用的工具。那么，我们如何解决这个问题呢？本文将为大家提供一套清晰的解决方案和实用的经
