一、安装npm install vue-directive-tooltip –save二、引用在main.js内全局引用import Tooltip from 'vue-directive-tooltip'; import 'vue-directive-tooltip/dist/vueDirectiveTooltip.css'; Vue.use(Tool ......
377
0
0
2022-04-10
文件选择元素是web上最难看的 input 类型之一。它们在每个浏览器中实现的方式不同,而且通常非常难看。这里有一个解决办法,就是把它封装成一个组件。安装如果你尚未设置项目,可以使用vue-cli的webpack-simple模板启动一个新项目。组件模板和样式该组件主要做的就是将input type=”file”元素包装在标签中,并在其中显示其他内容,这种思 ......
314
0
0
2022-04-09
1、Vue和其他两大框架的区别Angular 学习成本太高React 代码可读性差Vue 学习成本较低 很容易上手VUE官方: https://cn.vuejs.org/v2/guide/comparison.html️2、Vue是什么Vue是一套用于构建用户界面的渐进式框架 "前端框架"让程序员脱离自己操作DOM 专注于写逻辑和操作数据Vue的核心库只关注 ......
285
0
0
2022-04-07
在本文中,我们将研究如何创建基本的转场效果和动画。过渡单个元素/组件当从DOM中添加,更新或删除元素时,Vue为我们提供了多种方法来应用过渡效果。它可以执行的操作包括:自动应用类的CSS过渡和动画集成第三方CSS动画库在过渡期间使用JavaScript直接操作DOM集成第三方JavaScript动画库Vue具有 transition 包装器组件,可让我们在以 ......
379
0
0
2022-04-07
为大家精心挑选了 8 个漂亮的 Progress Bars 组件,并附上 GitHub 链接和 vue.js 代码示例,以及Vue3 快速深入全攻略。1.easy-circular-progress一个简单的循环进度组件,带有计数效果。作者:dreambo8563Github:https://github.com/dreambo8563/easy-circu ......
310
0
0
2022-04-06
Nuxt.js是一个建立在Vue.js上的前端框架,它提供了很好的开发特性,比如服务器端渲染、自动生成路由、改进的元标签管理和SEO改进。Nuxt.js我们的前端团队并没有真正考虑在客户端使用 Nuxt.js 作为主要技术,直到最近我们收到了一个独特项目的请求,该项目有许多非常具体的特性。因为这也是我们团队中的几个成员第一次使用Nuxt.js,所以我决定写这 ......
400
0
0
2022-04-06
大家好,在上一篇系列文章里「vue基础」一篇浅显易懂的 Vue 路由使用指南( Vue Router 上),我们一起学习了路由的基本配置,如何创建路由和传参,本篇文章我们一起学习下 Navigation 导航和路由守卫的相关内容。Navigation如果要改变当前路径,我们可以使用 <router-link> 自带的组件和JS编码的两种方式进行实 ......
345
0
0
2022-04-06
如果组件 中 data 里的数据是固定的,那么页面上显示的时候内容就是一样的,而实际开发中,复用的组件里显示的内容往往是不同的,这就需要从父组件中传递不同的内容给子组件。一、prop的使用方法<template> <div id="app"> <!-- 用 v-for 渲染文章列表 --> <!- ......
314
0
0
2022-04-06
在CSS中,很容易在鼠标hover时进行更改,只需:.item { background: blue; } .item:hover { background: green; } 在Vue中,它会变得更复杂一些,因为我们没有内置这个功能。我们必须自己实现这些。不过别担心,工作量不是很大。监听正确的事件那么,我们需要监听哪些事件?我们 ......
519
0
0
2022-04-06
今天分享一个不太一样的后台模板之前推荐过基于elementUi设计的后台管理系统,今天推荐一个不太一样的。基于ant-design-vue的vue后台管理系统模板。ant-design想必大家都有所了解的,这是由蚂蚁金服体验技术部开发的国内使用量最大的 React 组件库,服务于企业级产品的设计体系,服务于中后台系统,对在做b端产品设计的时候都是可以借鉴的。 ......
453
0
0
2022-04-05
Quartz.NETQuartz.Net 定制UI维护了常用作业添加、删除、修改、停止、启动功能,直接使用cron表达式设置作业执行间隔,有完整的日志记录。Quartz.NET是一个功能齐全的开源作业调度系统,可用于从最小的应用程序到大型企业系统。Quartz.NET是一个用C#编写的纯.NET库,是对JAVA开源调度框架Quartz的移植。目前支持.Net ......
485
0
0
2022-04-05
作者:羊先生转发链接:https://segmentfault.com/a/1190000022512358前言配置全局cdn,包含js、css开启Gzip压缩,包含文件js、css去掉注释、去掉console.log压缩图片本地代理设置别名,vscode也能识别配置环境变量开发模式、测试模式、生产模式请求路由动态添加axios配置添加mock数据配置全局l ......
341
0
0
2022-04-05
作者:前端劝退师转发链接:https://mp.weixin.qq.com/s/ZL13lrEhmq9qPks18Py97A1. 什么是 CLI plugin如果你正在使用Vue框架,那么你肯定知道 VueCLI是什么。 Vue-CLI3,它是Vue.js 开发的标准工具(脚手架),提供项目支架和原型设计。除了日常构建打包项目, VueCLI3 的一个重要部 ......
400
0
0
2022-04-05
一、注册组件1、全局组件<div id="app"><mycom></mycom> </div> <script> Vue.component('mycom',{ data(){ return { titl ......
411
0
0
2022-04-05
什么是axiosAxios 是一个基于 promise 的 HTTP 库,用于浏览器和node.js等http客户端,主要用来向后台发送各种业务请求和特殊处理,由于axios支持后台数据交互、拦截请求和响应、取消请求、超时设定、转换json、防御XSRF攻击等特性,Vue官方已经不再维护vue-resource并且推荐使用axios。我们都知道在Vue中要频 ......
358
0
0
2022-04-04