【抽五分钟】使用VuePress创建在线文档中心

内容目录 安装初始化核心配置导航栏配置侧边栏配置静态资源配置nginx部署typora编写 安装初始化 全局安装 npm install -g vuepress 创建目录 mkdir vurepress-blog 项目初始化,初始化完成生成package.json文件 cd vurepress-bl ... »

骨架屏(page-skeleton-webpack-plugin)初探

最近频频看到了`骨架屏`这个词,其实在这之前鲜少听过`骨架屏`这个词。只是平时在浏览网站时,会经常看到某个页面在尚未获取到真正数据时展示的一些`占位图形`。那实际上这个就是前面所描述的`骨架屏`,即在页面数据尚未加载前先给用户展示出页面的大致结构,在获取到数据以后在具体展示页面的内容。那`骨架屏`相... ... »

vue任意关系组件通信与跨组件监听状态 vue-communication

大家好!我是木瓜太香! 众所周知,组件式开发方式给我们带来了方便,不过也引入了新的问题,组件之间的数据就像被一道无形的墙隔开,如果我们希望临时让两个组件直接通信,vuex 太巨,而 $emit 又不好维护 provider 不可控 这个时候就该今天的主角 vue-communication 登场了! ... »

element中过滤器filters的使用(开发小记)

之前在开发过程中遇到这么一个问题,一串数据需要在el-table中展示,其中含有金额字段,需要将其转换成标准数据格式,即三位一个逗号间隔。 今年刚毕业就上手项目了,第一次接触的Vue,开发经验少,也忘记了有过滤器这个玩意儿,傻傻的写下了这种为自己震撼的数据处理,这仅仅是一个微不足道的小界面,这样的数 ... »

Vue+Spring Boot 前后端分离的商城项目开源啦!

现在,向大家介绍一下这个 Vue 版的前后端分离商城项目。 所有的代码、文件全部都开源到 GitHub 仓库中,并没有任何藏着掖着的行为,不会说缺少哪个依赖或者某个重要功能,这种事情是不存在的,大家先看看文章和预览图,觉得不错的朋友可以继续了解一下这个项目。 ... »

虚拟DOM详解

2020年,vue3.0 beta和 vue3 rc 陆续发布,优秀的人也早已开始各种实践新版本的新特性,而我还不懂虚拟DOM,所以赶紧跟学起来。 ... »

翻了翻element-ui源码,发现一个很实用的指令clickoutside

前言 指令(directive)在 vue 开发中是一项很实用的功能,指令可以绑定到某一元素或组件,使功能的颗粒度更精细。今天在翻 element-ui 的源码时,发现一个还挺实用的工具指令,跟大伙分享一下。 clickoutside 的使用及效果 该指令的源码在 src/utils 下的 clic ... »

vant实现下拉多选组件

1.最近需要做一个移动端多选的功能,发现vant上没有多选的下拉组件,于是决定写一个,样式如下 调用部分传入值 propsselect-data-opts 传入list数据, disabled 下拉是否可用 checkedList 默认选中数据 selectName 下拉菜单名称 event sel ... »

npm安装教程

一、使用之前,我们先来掌握3个东西是用来干什么的。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给 ... »

初识ABP vNext(11):聚合根、仓储、领域服务、应用服务、Blob存储

Tips:本篇已加入系列文章阅读目录,可点击查看更多相关文章。 前言 在前两节中介绍了ABP模块开发的基本步骤,试着实现了一个简单的文件管理模块;功能很简单,就是基于本地文件系统来完成文件的读写操作,数据也并没有保存到数据库,所以之前只简单使用了应用服务,并没有用到领域层。而在DDD中领域层是非常重 ... »

form-create 组件生成规则说明

本文介绍form-create生成规则与组件的关系 form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。 如果对您有帮助,您可以在 GitHub  ... »

【Vue组件通信】props、$ref、$emit,组件传值

组件是 vue.js 最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。那么组件间如何通信,也就成为了vue中重点知识了。这篇文章将会通过props、$ref和 $emit 这几个知识点,来讲解如何实现父子组件间通信。 ... »

10个Vue开发技巧助力成为更好的工程师·二

优雅更新props 更新 prop 在业务中是很常见的需求,但在子组件中不允许直接修改 prop,因为这种做法不符合单向数据流的原则,在开发模式下还会报出警告。因此大多数人会通过 $emit 触发自定义事件,在父组件中接收该事件的传值来更新 prop。 child.vue: export defal ... »