• Vue生产和开发环境如何切换及过滤器的使用
• 目录一、生产环境，开发环境切换第一种方法：通过配置.env文件来实现第二种方法二、过滤器三、moment时间库使用一、生产环境，开发环境切换开发环境：开发环境就是在 /config/index.js下配置proxyTable生产环境：打包项目后代理就失效啦，所以再生产环境下要重新配置一下第一种方法：...
• 日期：2023-02-17
• 浏览：74
• 标签： Vue

---

• 深入了解Vue.js 混入（mixins）
• 混入 (mixins)定义了一部分可复用的方法或者计算属性。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。来看一个简单的实例：var vm = new Vue({ el: ’#databinding’, data: { }, methods ...
• 日期：2022-12-29
• 浏览：176
• 标签： Vue

---

• vue+swiper实现左右滑动的测试题功能
• 最近在做一个测试题，前后可以切换题目，点击按钮选择答案，选择答案的同时改变按钮的背景色，如下图所示：初始代码我用了vue和swiper。所有的题目是一个对象数组，通过v-for渲染：<swiper ref='mySwiper' :options='swiperOptions'> <...
• 日期：2022-11-08
• 浏览：180
• 标签： Vue

---

• Vue封装一个TodoList的案例与浏览器本地缓存的应用实现
• 本文主要介绍了Vue封装一个TodoList的案例与浏览器本地缓存的应用实现，分享给大家，具体如下：使用Vue封装一个简易的Todolist的小案例. 同时加入了浏览器本地缓存的技术手段.浏览器本地缓冲: 前提： 一般我们定义的变量，或者用Vuex保存的数据， 当浏览器进行了一个刷新 那么这个...
• 日期：2022-09-30
• 浏览：128
• 标签： Vue

---

• 详解实现vue的数据响应式原理
• 这篇文章主要是给不了解或者没接触过 vue 响应式源码的小伙伴们看的，其主要目的在于能对 vue 的响应式原理有个基本的认识和了解，如果在面试中被问到此类问题，能够知道面试官想让你回答的是什么？「PS：文中如有不对的地方，欢迎小伙伴们指正」响应式的理解响应式顾名思义就是数据变化，会引起视图的更新。这...
• 日期：2022-10-09
• 浏览：74
• 标签： Vue

---

• vue 虚拟DOM快速入门
• 虚拟 DOM什么是虚拟 domdom 是文档对象模型，以节点树的形式来表现文档。虚拟 dom 不是真正意义上的 dom。而是一个 javascript 对象。正常的 dom 节点在 html 中是这样表示：<div class=’testId’> <p>你好</p...
• 日期：2022-09-30
• 浏览：61
• 标签： Vue

---

• 如何使用Vue的思想封装一个Storage
• 目录背景功能目的想法来源实现setgetdeletePropertypreventExtensionshas总结背景localStorage、sessionStorage 这两个 API 是我们前端日常开发中的存储的利器， 我们经常会使用它们存储一些数据。我们日常在对他们进行操作的时候，对 loca...
• 日期：2023-12-12
• 浏览：55
• 标签： Vue

---

• Vue基于iview实现登录密码的显示与隐藏功能
• iview简介iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。1.背景近期，在使用abp开发项目过程中，前端vue输入登录密码时默认隐藏，但是如果用户输错密码需要切换显示跟隐藏。故有此文。2.实现最终效果2.1 隐藏密码2.2 显示密码显示密码需要点击...
• 日期：2023-02-03
• 浏览：256
• 标签： Vue

---

• Vue实现Tab标签路由效果并用Animate.css做转场动画效果的代码第1/3页
• 类似于浏览器窗口一样的路由切换逻辑，看着还是挺高大上的，本以为有很多高级的玩意儿，奈何复杂的东西总是由简单的东西拼接而成的，这个功能也不例外。本篇文章主要描述两个问题：如何实现这种Tab标签页的路由效果 如何为路由切换添加转场动画。该功能的开发主要使用到 AntDesignVue 组件库的Tab组件...
• 日期：2023-01-07
• 浏览：232
• 标签： Vue

---

• 解决Vue @submit 提交后不刷新页面问题
• 我就废话不多说了，大家还是直接看代码吧~<form @submit='add'><!-- 表单 --></form> add: function(e){ // 阻止页面刷新 e.preventDefault(); // 逻辑代码 },补充知识：@sub...
• 日期：2023-01-05
• 浏览：80
• 标签： Vue

---