vue文章/教程

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

vue项目实现会议预约功能(包含某天的某个时间段和某月的某几天)

目录 一、一天的时间段预约 1.点击预约时 2.获取时间数组 3.处理未来七天的函数 4.点击切换星期状态 5.选中时间点时,判断状态及改变状态 6.保存 7.弹窗关闭 二、一月的天数预约(最少一天) 一、一天的时间段预约 会议预约有以下操作: 1.点击预约按钮,弹窗最近一周的 »

vue项目实现会议预约功能(包含某天的某个时间段和某月的某几天)

目录 一、一天的时间段预约 1.点击预约时 2.获取时间数组 3.处理未来七天的函数 4.点击切换星期状态 5.选中时间点时,判断状态及改变状态 6.保存 7.弹窗关闭 二、一月的天数预约(最少一天) 一、一天的时间段预约 会议预约有以下操作: 1.点击预约按钮,弹窗最近一周的 »

实例详解vue中的代理proxy

目录 问题 复习一下跨域的解决方案 原理 场景 扩展几个常用的devServer配置 扩展几个vue/cli3的配置 问题 我们本地调试一般都是 npm run serve,然后打开 本机ip:8080(localhost:8080)对吧,这时候我们要调接口调试,后端的接口的地址可能在测试 »

实例详解vue中的代理proxy

目录 问题 复习一下跨域的解决方案 原理 场景 扩展几个常用的devServer配置 扩展几个vue/cli3的配置 问题 我们本地调试一般都是 npm run serve,然后打开 本机ip:8080(localhost:8080)对吧,这时候我们要调接口调试,后端的接口的地址可能在测试 »

vue前端性能优化之预加载和懒加载示例详解

目录 预加载 图片预加载 JS预加载 js的加载方式 preload prefetch Preload & Prefetch 的区别 不同资源加载的优先级规则 懒加载 图片懒加载 路由懒加载 组件懒加载 最后 预加载 预加载简单来说就是将所有所需的资源提前请求加载到本 »

Vue报错"Failed to resolve loader:less-loader"的解决方法

目录 前言 第一次尝试解决 第二次尝试解决 解决问题 总结 前言 前几天在运行项目的时候,突然间报了这样一个错,虽然当时的我感觉很疑惑,明明上次跑的好好 的,这次为啥报我没有安装less-loader依赖,但是我还是老老实实地敲下了安装less-loader的代码,没想到折磨才刚刚开始。 »

Vue如何实现简单搜索功能

这篇文章主要讲解了“Vue如何实现简单搜索功能”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Vue如何实现简单搜索功能”吧! 1、概述 在vue项目中,搜索功能是我们经常需要使用的一个场景,最常用的是在列表数据中搜索一个想要的,今天的例子就是我们实现 »

Vue如何实现简单搜索功能

这篇文章主要讲解了“Vue如何实现简单搜索功能”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Vue如何实现简单搜索功能”吧! 1、概述 在vue项目中,搜索功能是我们经常需要使用的一个场景,最常用的是在列表数据中搜索一个想要的,今天的例子就是我们实现 »

Vue如何实现页面加载占位

这篇文章主要介绍了Vue如何实现页面加载占位的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Vue如何实现页面加载占位文章都会有所收获,下面我们一起来看看吧。 效果如下 思路与实现 页面加载时用户等待,此时与用户交互的方式通常有等待层、进度条、加载动画等;本次介绍加载占 »

Vue如何实现页面加载占位

这篇文章主要介绍了Vue如何实现页面加载占位的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Vue如何实现页面加载占位文章都会有所收获,下面我们一起来看看吧。 效果如下 思路与实现 页面加载时用户等待,此时与用户交互的方式通常有等待层、进度条、加载动画等;本次介绍加载占 »

怎么使用Vue+Echarts绘制饼图

这篇文章主要介绍“怎么使用Vue+Echarts绘制饼图”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“怎么使用Vue+Echarts绘制饼图”文章能帮助大家解决问题。 1 引入Echarts 1.1 安装 使用如下命令通过 npm 安装 ECharts n »

怎么使用Vue+Echarts绘制饼图

这篇文章主要介绍“怎么使用Vue+Echarts绘制饼图”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“怎么使用Vue+Echarts绘制饼图”文章能帮助大家解决问题。 1 引入Echarts 1.1 安装 使用如下命令通过 npm 安装 ECharts n »

vue对于低版本浏览器兼容问题的解决思路

目录 准备 工具库 进阶使用 问题例子 解决思路 语法不支持 具体哪个使用了哪个库不支持 兼容语法 总结 准备 由于采用了vite3而不是vue-cli,所以以前的很多兼容方式都不能做。接下来就看一下vite是怎么做到低版本兼容的问题。 工具库 @vitejs/plugin-l »

vue对于低版本浏览器兼容问题的解决思路

目录 准备 工具库 进阶使用 问题例子 解决思路 语法不支持 具体哪个使用了哪个库不支持 兼容语法 总结 准备 由于采用了vite3而不是vue-cli,所以以前的很多兼容方式都不能做。接下来就看一下vite是怎么做到低版本兼容的问题。 工具库 @vitejs/plugin-l »

Vue怎么用插件实现打印功能

这篇文章主要介绍“Vue怎么用插件实现打印功能”,在日常操作中,相信很多人在Vue怎么用插件实现打印功能问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Vue怎么用插件实现打印功能”的疑惑有所帮助!接下来,请跟着小编一起来学习吧! 安装  V2版本 npm instal »