编程开发 - 教程之家

41浏览

0评论

Vue中的父子组件通讯以及使用sync同步父子组件数据

前言父子组件通讯，可分为两种情况：1. 父组件向子组件中传递数据
2. 子组件向父组件中传递数据一般情况下， 1中情况可通过props解决数据传递的问题，这里就不多赘述了。子组件向...

2021-05-27 21:26:49

24浏览

0评论

vue实现图形验证码登录

本文实例为大家分享了vue实现图形验证码登录的具体代码，供大家参考，具体内容如下1、效果图2、在components下面新建文件identify.vue，内容：<template> <div class="s-canvas">...

2021-05-27 21:26:46

48浏览

0评论

vue实现视频上传功能

本文实例为大家分享了vue实现视频上传功能的具体代码，供大家参考，具体内容如下环境：vue + TS 上传视频 + 上传到阿里云
主要处理前端在vue下上传视频使用的是阿里云的视频点播...

2021-05-27 21:26:45

35浏览

0评论

vue引入Excel表格插件的方法

本文实例为大家分享了vue引入Excel表格插件的具体代码，供大家参考，具体内容如下一、安装npm install handsontable-pro @handsontable-pro/vuenpm install handsontable @hand...

2021-05-27 21:26:43

53浏览

0评论

vue使用v-model进行跨组件绑定的基本实现方法

大家好，今天我们来说一下使用v-model实现父子组件的绑定效果1：简单版代码如下：父组件：<template> <div> // 3：使用子组件，并使用v-model绑定 <About v-model="father"/> </d...

2021-05-27 21:26:42

57浏览

0评论

Vue项目中如何封装axios（统一管理http请求）

1、需求说明
在使用Vue.js框架开发前端项目时，会经常发送ajax请求服务端接口，在开发过程中，需要对axios进一步封装，方便在项目中的使用。2、Vue项目结构
在本地创建Vue项目，目录...

2021-05-27 21:26:40

52浏览

0评论

vue实现tab路由切换组件的方法实例

前言本文介绍的是使用vue自带的vue-router.js路由实现分页切换功能，下面话不多说了，来一起看看详细的实现代码吧实现图片如下下列为实现代码css:*{ margin: 0;...

2021-05-27 21:26:37

22浏览

0评论

详解在vue使用weixin-js-sdk常见使用方法

链接：https://qydev.weixin.qq.com/wiki/index.php?title=%E5%BE%AE%E4%BF%A1JS-SDK%E6%8E%A5%E5%8F%A3#.E6.AD.A5.E9.AA.A4.E4.B8.80.EF.BC.9A.E5.BC.95.E5.85.A5JS.E6....

2021-05-27 21:26:36

333浏览

0评论

vue2.x 从vue.config.js配置到项目优化

vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 v...

2021-05-27 21:26:34

59浏览

0评论

Vue路由vue-router详细讲解指南

中文文档：https://router.vuejs.org/zh/Vue Router 是Vue.js官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。路由实际上就是可以理解为指向，就...

2021-05-27 21:26:28

47浏览

0评论

Vue3状态管理的使用详解

背景
随着Vue3的逐步应用，对状态管理的需求越来越多。起初是基于Vuex4进行状态管理的，但是Vuex4也暴露了一些问题。从个人角度来说，Vuex4类似于过渡期产品，对TypeScript的支持性...

2021-05-27 21:26:25

44浏览

0评论

vue项目实现图形验证码

本文实例为大家分享了vue项目实现图形验证码的具体代码，供大家参考，具体内容如下效果预览：（项目要求清爽一点，所以没背景。但是下面的代码会把背景干扰写进去）1.下载identify插件，...

2021-05-27 21:26:24

40浏览

0评论

vue项目两种方式实现竖向表格的思路分析

问题描述
在我们做项目中，常见的是横向表格，但是偶尔的需求，也会做竖向的表格。比如下图这样的竖向表格：
我们看到这样的效果图，第一时间想到的是使用UI框架，改一改搞定。但是饿了...

2021-05-27 21:26:23

28浏览

0评论

vue实现简单数据双向绑定

本文实例为大家分享了vue实现简单数据双向绑定的具体代码，供大家参考，具体内容如下这里是简单的实现，有助于新手理解消化，当然vue要实现双向数据代理不可缺少，期待后续在更新vue...

2021-05-27 21:26:21

54浏览

0评论

vue的ssr服务端渲染示例详解

为什么使用服务器端渲染 (SSR) 更好的 SEO，由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。
请注意，截至目前，Google 和 Bing 可以很好对同步 JavaScript 应用程...

2021-05-27 21:26:19

56浏览

0评论

vue使用swiper插件实现轮播图的示例

hello大家好，最近我在做一个仿饿了么的项目，我会将我的项目经验同步到这里，与大家分享！vue - 使用swiper插件实现轮播图
下载安装： npm install swiper --saveMsite.vue的HTML部...

2021-05-27 21:26:17

55浏览

0评论

Vue3使用mitt进行组件通信的步骤

Vue2.x使用EventBus进行组件通信，而Vue3.x推荐使用mitt.js。比起Vue实例上的EventBus，mitt.js好在哪里呢？首先它足够小，仅有200bytes，其次支持全部事件的监听和批量移除，它还...

2021-05-27 21:26:16

66浏览

0评论

vue实现tab切换的3种方式及切换保持数据状态

vue实现tab切换的3种方式一、v-show控制内容切换1.简单版原理：用点击事件改变num值作为开关，控制tab样式和内容显示隐藏。2.数据渲染原理：主要利用v-for绑定的index来控制，跟上...

2021-05-27 21:26:14

54浏览

0评论

详解Vue组件复用和扩展之道

概述软件编程有一个重要的原则是 D.R.Y（Don't Repeat Yourself），讲的是尽量复用代码和逻辑，减少重复。组件扩展可以避免重复代码，更易于快速开发和维护。那么，扩展 Vue 组件的最佳...

2021-05-27 21:26:13

34浏览

0评论

vue实现登录时的图片验证码

本文实例为大家分享了vue实现登录时的图片验证码的具体代码，供大家参考，具体内容如下效果图一、新建vue组件components/identify/identify.vue<template> <div class="s-canv...

2021-05-27 21:26:10

33浏览

0评论

vue实现图形验证码

本文实例为大家分享了vue实现图形验证码的具体代码，供大家参考，具体内容如下效果图：或或或代码：验证码组件：src/common/sIdentify.vue<template> <div class="s-canvas"> <ca...

2021-05-27 21:26:08

68浏览

0评论

vue实现价格日历效果

本文实例为大家分享了vue实现价格日历效果的具体代码，供大家参考，具体内容如下1、效果图2、下载全局安装：npm install ele-calendar3、在components下新建文件calendar.vue，内容...

2021-05-27 21:26:07

30浏览

0评论

关于vue中如何监听数组变化

前言前段时间学习了关于vue中响应式数据的原理，（并作了学习笔记vue响应式原理），其实是通过Object.defineProperty控制getter和setter，并利用观察者模式完成的响应式设计。那么数...

2021-05-27 21:26:05

33浏览

0评论

vue使用mixins优化组件

vue 提供了 mixins 这个 API，可以让我们将组件中的可复用功能抽取出来，放入 mixin 中，然后在组件中引入 mixin，可以让组件显得不再臃肿，提高了代码的可复用性。如何理解 mixins...

2021-05-27 21:26:04

41浏览

0评论

基于axios请求封装的vue应用实例代码

什么是axios？
Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。特性：从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求支持 Promise...

2021-05-27 21:26:01

67浏览

0评论

Vue中this.$router和this.$route的区别及push()方法

官房文档里是这样说明的：通过注入路由器，我们可以在任何组件内通过 this.$router 访问路由器，也可以通过 this.$route 访问当前路由可以理解为：this.$router 相当于一个全局的路...

2021-05-27 21:26:00

51浏览

0评论

vue.config.js打包优化配置

百度上的资料五花八门让人眼花缭乱，别急，这时候我替你亲身经历了，有需要的可以参考下，先上效果图，以免你们以为我吹牛逼，嘻嘻优化方向
1.图片资源压缩
2.将 productionSourceMap...

2021-05-27 21:25:58

33浏览

0评论

谈谈Vue中的nextTick

当数据发生变化之后，DOM视图并不会立即更新，如果我们在发生变化之后立马去获取某个节点或者某个节点的值，很有可能结果就是undefined；因为Vue实现响应式并不是数据发生变化之后D...

2021-05-27 21:25:56

45浏览

0评论

vue实现检测敏感词过滤组件的多种思路

写在前面
  在做商户端敏感词检测的过程中，发现了一些问题，特在此总结。本文的行文思路是编写敏感词检测代码，前两个思路未采用组件化的开发思想，后三个思路根据需...

2021-05-27 21:25:54

50浏览

0评论

使用vue-element-admin框架从后端动态获取菜单功能的实现

2、详解整体思路为：登陆 > 成功后根据用户信息获取菜单 > 根据菜单生成路由信息2.1、新增asyncRoutes路由在vue-router路径src\router\index.js中新增asyncRou...

2021-05-27 21:25:53

45浏览

0评论

Vue详细的入门笔记

一、前言最近找了些教程，顺带着趴在官网上，看了看 Vue 的一些内容，入门的一些概念，以及基础语法，还有一些常用的操作，瞄了一眼，通篇文字+贴了部分代码 9000 多字，入门语法什么的还...

2021-05-27 21:25:49

50浏览

0评论

vue组件的路由高亮问题解决方法

前言之前我对于路由的高亮都是使用缓存，给他的所有路由遍历一遍，每点击一下的时候，给他的当前值高亮，赋值active。后来发现一刷新就不行，高亮的就变成默认值0了，这里主要是讲这个...

2021-05-27 21:25:45

56浏览

0评论

如何在Vue项目中使用axios请求

在实际的项目中，和后台的数据交互是少不了的，我通常使用的是 axios 库，所以以下示例也是以 axios 为基础来进行封装的。1、安装首先是 npm 安装 axios 很简单：npm install axios...

2021-05-27 21:25:40

42浏览

0评论

Vue Element前端应用开发之Vuex中的API Store View的使用

概述在我们开发Vue应用的时候，很多时候需要记录一些变量的内容，这些可以用来做界面状态的承载，也可以作为页面间交换数据的处理，处理这些内容可以归为Vuex的状态控制。例如我们...

2021-05-27 21:25:38

32浏览

0评论

Vue Element前端应用开发之动态菜单和路由的关联处理

概述在我开发的很多系统里面，包括Winform混合框架、Bootstrap开发框架等系列产品中，我都倾向于动态配置菜单，并管理对应角色的菜单权限和页面权限，实现系统对用户权限的控制，菜单...

2021-05-27 21:25:35

33浏览

0评论

Vue如何使用CSS自定义变量

在 css 自定义变量的功能以及出来许久了，但实际开发中大家使用并不多。归其原因是因为 less、sass 等预处理器已经拥有定义变量的功能，以及Vue、react很方便设置 style 样式，大...

2021-05-27 21:25:33

261浏览

0评论

从vue-router看前端路由的两种实现

随着前端应用的业务功能越来越复杂、用户对于使用体验的要求越来越高，单页应用（SPA）成为前端应用的主流形式。大型单页应用最显著特点之一就是采用前端路由系统，通过改变URL，在不...

2021-05-27 21:25:32

39浏览

0评论

使用jenkins一键打包发布vue项目的实现

jenkins的安装Jenkins是一款开源 CI&CD 软件，用于自动化各种任务，包括构建、测试和部署软件。Jenkins 支持各种运行方式，可通过系统包、Docker 或者通过一个独立的 Java 程序。...

2021-05-27 21:25:30

100浏览

0评论

vue+element开发一个谷歌插件的全过程

简单功能：点击浏览器右上角插件icon弹出小弹窗，点击设置弹出设置页，并替换背景图或颜色。开始
1.本地创建文件夹testPlugin并新建manifest.json文件{ "name": "testPlugin",...

2021-05-27 21:25:28

34浏览

0评论

详解vue中$router和$route的区别

我们在 vue 项目中一般都会用到路由，而 vue-router 是 vue.js 官方的路由管理器。this.$route：当前激活的路由的信息对象。每个对象都是局部的，可以获取当前路由的 path, name,...

2021-05-27 21:25:26

56浏览

0评论

如何使用vue过滤器filter

概述在 vue2.0 之前，是有内置过滤器的，在2.0中已经没有内置的过滤器了，但我们可以自定义过滤器。关于 vue 过滤器，在官方文档中是这样说明的：Vue.js 允许你自定义过滤器，可被用于...

2021-05-27 21:25:23

53浏览

0评论

总结Vue Element UI使用中遇到的问题

基于 vue2.0 的 element-ui 框架，使用起来还是很方便的，非常适合快速开发，但是在做自己的项目中还是会碰到这样那样的问题，有些问题官方文档并不是很详尽，以下是我在使用 element...

2021-05-27 21:25:21

47浏览

0评论

vue列表数据删除后主动刷新页面及刷新方法详解

问题描述：
前端删除一条数据或者新增数据后，后端操作成功，但前端不会自动刷新，需要重新刷新当前页面
（用vue-router重新路由到当前页面，页面是不进行刷新的 ,采用window.reload()，...

2021-05-27 21:25:20

67浏览

0评论

Vue Element前端应用开发之获取后端数据

概述在前面随笔《循序渐进VUE+Element 前端应用开发之动态菜单和路由的关联处理》中介绍了在Vue + Element整合框架中，实现了动态菜单和动态路由的处理，从而可以根据用户角色...

2021-05-27 21:25:17

66浏览

0评论

Vue实现下拉加载更多

熟悉Element-UI的开发者可能都会有这样的经历，它的无限滚动 InfiniteScroll 并不好用，下面介绍两种下拉加载的实现方法：1. 使用el-table-infinite-scroll 插件(1). 安装插件npm...

2021-05-27 21:25:14

48浏览

0评论

深入理解vue的使用

理解vue的核心理念使用vue会让人感到身心愉悦,它同时具备angular和react的优点,轻量级,api简单,文档齐全,简单强大,麻雀虽小五脏俱全.倘若用一句话来概括vue,那么我首先想到...

2021-05-27 21:25:12

37浏览

0评论

django+vue实现注册登录的示例代码

注册
前台利用vue中的axios进行传值，将获取到的账号密码以form表单的形式发送给后台。
form表单的作用就是采集数据，也就是在前台页面中获取用户输入的值。numberValidateForm...

2021-05-27 21:25:11

45浏览

0评论

vue2.0/3.0的响应式原理及区别浅析

前言
自从vue3.0正式上线以来，好多小伙伴都转战vue3.0了，这里把我自己总结的3.0和2.0的原理以及他俩的区别写出来，方便自己学习。step 一，vue2.0的响应式原理
先看看官网的解释：...

2021-05-27 21:25:07

51浏览

0评论

vue如何批量引入组件、注册和使用详解

前言组件是我们非常常用的东西，很多人使用组件都是通过一个一个文件去引用和注册。这篇文章就来介绍下vue批量引入组件、注册和使用的方法。一、使用场景
在日常开发中，经常会...

2021-05-27 21:24:59

45浏览

0评论

如何使用vue3打造一个物料库

为什么要做物料库？
我们写过很多登录页面。而每个登录页面除了一些背景图和颜色外，主体布局几乎是一致的，就那么几种类型。如果有个地方能帮我管理登录页面的代码，那么下次我再...

2021-05-27 21:24:57

热门文章