大家好,在上一篇系列文章里「vue基础」一篇浅显易懂的 Vue 路由使用指南( Vue Router 上),我们一起学习了路由的基本配置,如何创建路由和传参,本篇文章我们一起学习下 Navigation 导航和路由守卫的相关内容。Navigation如果要改变当前路径,我们可以使用 <router-link> 自带的组件和JS编码的两种方式进行实
......
380
0
0
2022-04-06
如果组件 中 data 里的数据是固定的,那么页面上显示的时候内容就是一样的,而实际开发中,复用的组件里显示的内容往往是不同的,这就需要从父组件中传递不同的内容给子组件。一、prop的使用方法<template>
<div id="app">
<!-- 用 v-for 渲染文章列表 -->
<!-
......
350
0
0
2022-04-06
在CSS中,很容易在鼠标hover时进行更改,只需:.item {
background: blue;
}
.item:hover {
background: green;
}
在Vue中,它会变得更复杂一些,因为我们没有内置这个功能。我们必须自己实现这些。不过别担心,工作量不是很大。监听正确的事件那么,我们需要监听哪些事件?我们
......
584
0
0
2022-04-06
今天分享一个不太一样的后台模板之前推荐过基于elementUi设计的后台管理系统,今天推荐一个不太一样的。基于ant-design-vue的vue后台管理系统模板。ant-design想必大家都有所了解的,这是由蚂蚁金服体验技术部开发的国内使用量最大的 React 组件库,服务于企业级产品的设计体系,服务于中后台系统,对在做b端产品设计的时候都是可以借鉴的。
......
488
0
0
2022-04-05
Quartz.NETQuartz.Net 定制UI维护了常用作业添加、删除、修改、停止、启动功能,直接使用cron表达式设置作业执行间隔,有完整的日志记录。Quartz.NET是一个功能齐全的开源作业调度系统,可用于从最小的应用程序到大型企业系统。Quartz.NET是一个用C#编写的纯.NET库,是对JAVA开源调度框架Quartz的移植。目前支持.Net
......
561
0
0
2022-04-05
作者:羊先生转发链接:https://segmentfault.com/a/1190000022512358前言配置全局cdn,包含js、css开启Gzip压缩,包含文件js、css去掉注释、去掉console.log压缩图片本地代理设置别名,vscode也能识别配置环境变量开发模式、测试模式、生产模式请求路由动态添加axios配置添加mock数据配置全局l
......
378
0
0
2022-04-05
作者:前端劝退师转发链接:https://mp.weixin.qq.com/s/ZL13lrEhmq9qPks18Py97A1. 什么是 CLI plugin如果你正在使用Vue框架,那么你肯定知道 VueCLI是什么。 Vue-CLI3,它是Vue.js 开发的标准工具(脚手架),提供项目支架和原型设计。除了日常构建打包项目, VueCLI3 的一个重要部
......
448
0
0
2022-04-05
一、注册组件1、全局组件<div id="app"><mycom></mycom>
</div>
<script>
Vue.component('mycom',{
data(){
return {
titl
......
470
0
0
2022-04-05
什么是axiosAxios 是一个基于 promise 的 HTTP 库,用于浏览器和node.js等http客户端,主要用来向后台发送各种业务请求和特殊处理,由于axios支持后台数据交互、拦截请求和响应、取消请求、超时设定、转换json、防御XSRF攻击等特性,Vue官方已经不再维护vue-resource并且推荐使用axios。我们都知道在Vue中要频
......
406
0
0
2022-04-04
介绍gods-pan中文名:码良,是一个基于vue的高扩展在线网页制作平台。使用该平台,用户无需掌握复杂的编程技术,只需通过简单拖拽、少量配置即可快速制作精美的页面,并且支持自定义组件,添加脚本,数据统计。同时,该平台也为开发者提供了完备的编程接入能力,通过脚本和组件的形式获得强大的组件行为和交互控制能力。官网:https://godspen.ymm56.c
......
457
0
0
2022-04-04
前言vue.js著名的全家桶系列,包含 vue-router,vuex,axios,再加上构建工具vue-cli,sass样式,就是一个完整的vue项目的核心构成。简单概括:1、项目构建工具、2、路由、3、状态管理、4、http请求工具搭建好的项目目录结构如下vue-cli 脚手架vue-cli:vue脚手架 ,自动帮你搭建基本代码框架。cli 就是(com
......
600
0
0
2022-04-04
在移动端处理下拉大量的数据时,会出现性能瓶颈。那如何解决呢!Vue-recyclerview是你的一个不错的解决方案,页面采用的动态布局,自动回收机制来解决性能问题。直接下载/CDNunpkg.com提供基于NPM的CDN链接。上面的链接将始终指向NPM的最新版本。您还可以通过诸如https://unpkg.com/vue-recyclerview/dist
......
382
0
0
2022-04-03
在学习Vue-cli之前,我们已经学习了前端体系、前后端分离的演变、Vue入门、Vue的基本语法、Vue组件、Vue路由、Axios等内容。如果你还没学习,可以阅读我之前的文章《快速了解前端体系》《前后端分离的演变史,了解一下》、《Vue快速入门》等进行快速学习。接下来我们就来学习标准前端化工程Vue-cli。Vue-cli什么是Vue-cli?Vue-cl
......
342
0
0
2022-04-03
今天给大家分享一个功能超强的自由拖拽排序组件VueSlicksort。vue-slicksort 一款功能强大的可拖拽的vue.js组件。拥有丝滑般拖拽动画效果,支持水平/垂直/网格拖拽排序。还可以自动滚动、锁定坐标系,并支持触摸。代码片段<SlickList :lockToContainerEdges="true"
:pressDelay="3
......
495
0
0
2022-04-03
一款基于 Vue 2.x 的前端 UI 组件库,主要用于快速开发 PC 网站产品。介绍AT-UI 是一款基于 Vue.js 2.0 的前端 UI 组件库,由京东凹凸实验室出品,主要用于快速开发 PC 网站中后台产品。特点基于 Vue 开发的 UI 组件;使用 npm + webpack + babel 的工作流,支持 ES2015;CSS 样式独立,即使使用
......
331
0
0
2022-04-03