vue 快速入门 系列 —— 使用 vue-cli 3 搭建一个项目(下)

其他章节请看: vue 快速入门 系列 使用 vue-cli 3 搭建一个项目(下) 上篇 我们已经成功引入 element-ui、axios、mock、iconfont、nprogress,本篇继续介绍 权限控制、布局、多环境(.env)、跨域、vue.config.js,一步一步构建我们自己的架 ... »

pengjiali vue

vue.js3 学习笔记 (一)——mixin 混入

vue 2 中采用选项式API。如:data、methods、watch、computed以及生命周期钩子函数等等。 mixin 混入,提供了一种非常灵活的方式,来分发 vue 组件中的可复用功能,一个mixin 对象可以包含任意组件选项,当组件使用 mixin 对象时,所有的 mixin 对象的选 ... »

spring boot+vue实现H5聊天室客服功能

spring boot+vue实现H5聊天室客服功能 h5效果图 vue效果图 功能实现 spring boot + webSocket 实现 官方地址 https://docs.spring.io/spring-framework/docs/5.0.8.RELEASE/spring-framewo ... »

bxmm java

高德地图API中折线polyline不能跨越180度经度线的解决方案

1、问题 最近在使用高德地图的API,有一个需求是画出对象的历史轨迹,采用了高德地图API中的折线polyline函数。但如果需要跨180度经度线的折线,会出现不能跨越的情况,如下图所示: 图中有三个标记点,从西向东坐标点依次为[135, 21],[165, 23],[195, 25]。我们想要画出 ... »

huskysir

Vue3学习(十一)之 table表格组件的使用

一、前言 大约有两周没学习更文,不是懒,而是没心情,相亲路屡战屡败,着实很影响心情。 我想这世上对我而言,最难的事,莫过于恋爱结婚了,再一次经历了见光死的高光时刻。 二、又见Ant Design Vue 在大量数据需要展示时,我们一般都会以报表的形式展现,按照直觉习惯,肯定使用table表格来展示行 ... »

longronglang Vue3

vue 快速入门 系列 —— 使用 vue-cli 3 搭建一个项目(上)

其他章节请看: vue 快速入门 系列 使用 vue-cli 3 搭建一个项目(上) 前面我们已经学习了一个成熟的脚手架(vue-cli),笔者希望通过这个脚手架快速搭建系统(或项目)。而展开搭建最好的方法是向优秀的项目学习,依葫芦画瓢。 这里通过研究 vue-admin-template 项目,逐 ... »

pengjiali vue

vuex4 极速入门到上手

vuex4 是 vue3的兼容版本,提供了和vuex3 的相同API。因此我们可以在 vue3 中复用之前已存在的 vuex 代码。 一、安装以及初始化 vuex4安装: npm install vuex@next 为了向vue3初始化方式看齐,vuex4 初始化方式做了相应的变化,使用新的 cre ... »

Vue3+Vue-cli4项目中使用腾讯滑块验证码

Vue3+Vue-cli4项目中使用腾讯滑块验证码 简介: 滑块验证码相比于传统的图片验证码具有以下优点: 验证码的具体验证不需要服务端去验证,服务端只需要核验验证结果即可。 验证码的实现不需要我们去了解,也不需要我们去具体实现。 滑块验证码的安全程度相比于传统验证码高不少。 ... 由于网络上和腾 ... »

Vue3+Vue-cli4项目中使用腾讯滑块验证码

Vue3+Vue-cli4项目中使用腾讯滑块验证码 简介: 滑块验证码相比于传统的图片验证码具有以下优点: 验证码的具体验证不需要服务端去验证,服务端只需要核验验证结果即可。 验证码的实现不需要我们去了解,也不需要我们去具体实现。 滑块验证码的安全程度相比于传统验证码高不少。 ... 由于网络上和腾 ... »

Vue中computed计算属性

话不多说,使用方法直接上代码//在模板中调用computedTest这个函数,切记不要在函数后添加()<template> <div class="home"> <div>{{ computedTest }}</div> </div> </template>export export{ create ... »

h5stzn

在代码生成工具Database2Sharp中增加Vue&Element 工作流页面的快速生成

在我们基于框架开发系统的时候,往往对一些应用场景的页面对进行了归纳总结,因此对大多数情况下的页面呈现逻辑都做了清晰的分析,因此在我们基于框架的基础上,增量式开发业务功能的时候,能够事半功倍。代码生成工具Database2Sharp承载着我们各种开发框架的快速开发逻辑,包括界面代码的生成、后端代码的生... ... »

wuhuacong

Vue首屏性能优化组件

Vue首屏性能优化组件 简单实现一个Vue首屏性能优化组件,现代化浏览器提供了很多新接口,在不考虑IE兼容性的情况下,这些接口可以很大程度上减少编写代码的工作量以及做一些性能优化方面的事情,当然为了考虑IE我们也可以在封装组件的时候为其兜底,本文的首屏性能优化组件主要是使用IntersectionO ... »

WindrunnerMax Vue

vue-router 4 你真的熟练吗?

虽然 vue-router 4 大多数 API 保持不变,但是在 vue3 中以插件形式存在,所以在使用时有一定的变化。接下来就学习学习它是如何使用的。 一、安装并创建实例 安装最新版本的 vue-router npm install vue-router@4 或 yarn add vue-rout ... »

Abp Vnext Vue3 的版本实现

基于ABP Vnext的二次开发,前端 vue3.0,Typescript,Ant Design Vue ,Vben Admin 的后台管理框架. 技术点 Net Core5.0 ABP Vnext Vben Admin Redis MySql RabbitMq Hangfire DDD Ident ... »

Vue&Element开发框架中增加工作流处理,工作流的各个管理页面的界面处理

我在起前面的几篇随笔中,大概介绍了工作流的一些场景化处理,包括如何把具体业务表单组件化,并在查看和编辑界面中,动态加载组件内容,以及对于查看申请单的主页面,把审批、取消、发起会签、会签、批示分阅、阅办等处理过程的进行模块化,并在主页面中灵活引入集成,本篇随笔综合性的介绍Vue&Element开发框架... ... »

wuhuacong

Vue 基础自查——条件渲染和列表渲染

v-if和v-show的区别是什么? v-if和v-for为什么不能一起用? v-for中的key有什么作用? 1 v-if 和 v-show 1.1 作用 都用来控制元素的显示和隐藏 1.2 控制元素显隐的方式 v-if控制虚拟DOM树上元素的创建和销毁,Vue的响应系统会根据虚拟DOM树对实际D ... »

Vue&Element开发框架中增加工作流处理,查看申请单中整合多个处理类型的处理

关于我在Winform框架、混合框架、Bootstrap开发框架中的简易审批性工作流模块,我写过不少文章,有兴趣可以参考《工作流模块》的随笔进行了解,本篇随笔在完成了Vue&Element开发框架中整合工作流内容后,对其中各个实现过程进行一些总结,希望对大家有所帮助,本篇随笔主要介绍查看申请单中整合... ... »

wuhuacong

vue中 transition组件使用总结

博客园比较啃爹啊,随笔只能手写,之前写在有道云笔记里面的内容也复制不了,忧伤..... 长话短说,看官方的transition 的讲解,可能是内容太多了,或者就是本人太辣鸡了,看的有点懵逼,但是项目中 »

ysla