Vue.$nextTick(callback)，当dom发生变化更新后执行的回调。$nextTick是tion (...
原创
2022-07-19 20:31:49
168阅读
vue.$set方法 由于javaScript的限制，vue不能检测到对象属性的添加或删除 这样只能新增属性，但是并不会触发视图更新，所以属性必须是在data对象上才能让vue.js转换它，才能让他是响应式的 可以使用this.$set(this.data, "key" , "val") 方法，既可 ...
转载
2021-10-21 14:45:00
560阅读
2评论
一、vue的介绍1.框架： 别人写好的一个函数库，使用时要按照定好的（模式）格式去写，即别人定义的一个架子，你在不同地方填入不同内容就行2.vue是个框架，比起jquery框架更有高度，jquery仅仅只是一个函数库 3.vue写代码时和以前的写法都不一样，这才是框架 4.vue是华人尤雨溪开发的，是前google的员工5.vue特点： 响应式 数据驱动（使用了数据劫持和观察者模式） 组件化 vu
转载
2024-04-08 19:39:43
78阅读
在开发过程中，我们时常会遇到这样一种情况：当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的
原创
2023-05-19 15:27:23
94阅读
在开发过程中，我们时常会遇到这样一种情况：当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.d
转载
2021-03-27 09:10:04
305阅读
2评论
一、内存泄漏 1、指令绑定了事件，却没有解绑事件，容易产生内存泄漏。（曾经遇到过的案例） 2、v-if指令产生内存泄漏，比如v-if删除了父级元素，却没有删除父级元素里的dom片段 3、跳转到别的路由，却没有删除产生的dom片段。需要在beforeDestroy()钩子里注销三方插件，销毁定时器等
转载
2019-09-09 22:22:00
153阅读
2评论
一.安装Vue1.第一步：去网上搜https://cdn.jsdelivr.net/npm/vue/dist/vue.js这个网页2.保存到电脑上 3在D盘新建一个文件夹 在Visual Studio Code里打开，新建一个目录，把Vue放在里面 二.使用Vue的具体步骤使用vue获取div中的内容，以及
转载
2023-06-16 15:35:26
185阅读
前言为了前端体验更加友好，减缓用户的焦虑情绪，提升项目质量等，我们在项目里面可以使用骨架屏，提前渲染出来一个跟正式页面相似的页面出来，减小首屏加载时间。
在vue中使用骨架屏因为我们的代码会使用webpack打包，所以在我们的js下载运行之前，用户是无法在页面上看到信息，所以，我们要把骨架屏相关的代码放到HTML里面，当然，可以把代码直接写在html文件的1.添加vue-skelet
VUE安装环境搭建完成，运行后能显示vue的欢迎页，就可以开始进行开发了。不过呢，在此之前，最好先安装一下相关的依赖项。vue的开发，尤其是单页面应用，一般推荐用 vue + vuex + vue-router + vue-resource 来开发，vuex状态管理，vue-router路由管理，vue-resource是与后端数据交互的插件。这些都是需要安装滴。项目目录下，运行如下命令：npm
转载
2023-10-03 19:53:52
369阅读
yarn add vue-router新建router.jsimport Vue from 'vue'import VueRouter from 'vue-router'//自定义
原创
2023-03-14 09:22:33
84阅读
文件名为vue的文件，输入vue然后选择模板可以快速创建vue模板 回车，可以出现模板 文件名为html的文件，输入！回车可以出现模板0.开发工具 Vue Devtools的 安装 vue的开发者工具，可以更好的查看vue的信息 （安装） Git History Diff 可以看到git所有的提交记录、改动文件，包括每一行代码的提交时间、提交人，非常方便 （安装） Gitee 提供 Gitee 平
转载
2024-06-21 07:13:53
195阅读
使用vue开发的项目，有的时候可能会需要添加项目路径，比如需要将vue项目作为子系统挂接在别的系统下，这时候就需要一个约定好的项目路径，才能使当前vue项目的所有资源路径能被正确识别而保证正常访问。 vue添加项目路径需要改两个地方： 1.配置【publicPath】。 module.exports ...
转载
2021-08-08 17:29:00
1156阅读
2评论
# 使用Vue和MySQL进行批量添加数据
在前端开发中，经常会遇到需要将大批量数据存储到数据库中的情况。这时候，我们通常会使用Vue作为前端框架，MySQL作为后端数据库来实现数据的批量添加操作。本文将介绍如何使用Vue和MySQL来实现批量添加数据的功能，并提供代码示例供参考。
## 准备工作
首先，我们需要在后端搭建一个基于MySQL的RESTful API，用于处理前端发送过来的数据
原创
2024-04-11 05:26:16
103阅读
# 使用 Vue 和 Axios 添加用户的实现教程
在这篇文章中，我们将学习如何使用 Vue.js 和 Axios 实现一个简单的用户添加功能。主要流程包含以下几步：
| 步骤 | 描述 |
|--------------|---------------------------------------|
| 1
# 如何实现Vue Axios 添加Cookie
## 简介
在Vue项目中使用Axios发送HTTP请求时，有时候需要在请求中添加Cookie。本文将介绍如何使用Vue和Axios实现在请求中添加Cookie的方法。
## 流程
以下是实现Vue Axios添加Cookie的步骤：
| 步骤 | 描述 |
|------|-----|
| 1. 创建Vue项目 | 创建一个新的Vue项目
原创
2023-07-22 03:25:14
1940阅读
# 如何在Vue中使用Axios添加Header
作为一名经验丰富的开发者，我将教你如何在Vue中使用Axios添加Header。首先，我们需要了解整个过程的步骤，然后逐步进行实现。
## 实现步骤
下面是实现"Vue Axios添加Header"的步骤概述：
| 步骤 | 描述 |
|------|------|
| 1 | 安装Axios |
| 2 | 创建axios实例 |
| 3
原创
2024-01-28 05:38:54
244阅读
简介 SpringBoot和 Vue，前后端分离，我们开源一套漂亮的代码和一套整洁的代码规范，让大家在这浮躁的代码世界里感受到一股把代码写好的清流！同时又让开发者节省大量的时间，减少加班，快乐工作，热爱生活。 SmartAdmin 让你从认识到忘不了，绝对是你最想要的！ 技术体系前端：Vue + Vue-Router + Vuex + ViewUI + vue-enum后
步骤1、安装eslintnpm i eslint --save-dev2、新建.eslintrc文件文件内容如下：{
"extends": ["plugin:vue/recommended", "prettier"], // 是一个 npm 包，它输出一个配置对象。要确保这个包安装在 ESLint 能请求到的目录下
"env": {
"browser": true
# 使用Vue和Axios设置请求头
在前端开发中，使用Axios库发送HTTP请求是非常常见的。Axios为我们提供了灵活的API使得请求的配置和处理变得简单便利。本文将详细介绍如何在Vue.js中使用Axios来设置请求头，并提供实用的代码示例。
## 什么是请求头
HTTP请求头包含了客户端发送给服务器的额外信息。常见的请求头包括：
| 请求头 | 描述
原创
2024-08-10 04:06:29
42阅读
话不多说，先看下最后的效果上边的动态图就是利用vue实现简单的添加商品和加入购物车输入商品名称和价格后点击添加商品，商品加入列表，然后点击商品后边的加入购物车，商品添加进下方的购物车购物车里点击加或者减，可以修改购物车中商品的数量，同时总金额也会随着变化，当商品数量为1的时候再点击减号，弹出是否确认删除的提示框，点击确认，则删除购物车中的商品。并且随着选中框的变化，下方选中的商品数量随着变化，需付
