当前位置: 移动技术网 > IT编程>脚本编程>

vue.js

基于Vue实现微前端的示例代码

2020-06-23 18:36 | 分类:脚本编程 | 评论:0 次 | 浏览: 37

   前端微服务化一直是前端社区的一个热门话题,早在2018年就有不少开发者提出过各种解决方案。或许是未得精髓,个人...

vue中使用带隐藏文本信息的图片、图片水印的方法

2020-06-23 18:36 | 分类:脚本编程 | 评论:0 次 | 浏览: 26

一.带隐藏文本信息的图片通过rgb 分量值的小量变动,不影响对图片的识别。因此,我们可以在图片加入文字信息。最终达到如下效果:首先,在该组件...

vue 路由懒加载中给 Webpack Chunks 命名的方法

2020-06-23 18:35 | 分类:脚本编程 | 评论:0 次 | 浏览: 38

最早的路由定义方式import vue from 'vue'import vuerouter from 'vue-router'import...

Vue中函数防抖节流的理解及应用实现

2020-06-23 18:35 | 分类:脚本编程 | 评论:0 次 | 浏览: 42

防抖和节流的目的都是为了减少不必要的计算,不浪费资源,只在适合的时候再进行触发计算。一、函数防抖定义在事件被触发n秒后再执行回调,如果在这n...

vue 使用 vue-pdf 实现pdf在线预览的示例代码

2020-06-23 18:35 | 分类:脚本编程 | 评论:0 次 | 浏览: 34

背景之前的demo增加了图片预览,于是今天下午追完番剧就突然想到能不能把pdf在线预览也做了,说干就干,刚开始查了很多教程,我发现很多人都在...

详解vuejs中执行npm run dev出现页面cannot GET/问题

2020-06-23 18:35 | 分类:脚本编程 | 评论:0 次 | 浏览: 26

1.问题描述最近用vue-cli搭建了一个小项目,其中在对项目进行打包测试时修改了webpack.base.conf.js中的配置信息,之后...

vue项目启动出现cannot GET /服务错误的解决方法

2020-06-23 18:35 | 分类:脚本编程 | 评论:0 次 | 浏览: 13

上午做了项目,中午吃完饭后回来再跑一次服务器,出现 cannot get/: 控制台中并没有报错;npm run dev命令行窗口也没有报错...

vue项目中自定义video视频控制条的实现代码

2020-06-23 18:35 | 分类:脚本编程 | 评论:0 次 | 浏览: 18

最近公司项目中,添加了视频模块,但是产品觉得video自带的控制条有点low,于是自己设计了一个。于是开始了自定义video控制的采坑之旅。...

详解elementUI中input框无法输入的问题

2020-06-23 18:35 | 分类:脚本编程 | 评论:0 次 | 浏览: 46

最近发现别人项目中在输入密码的时候发现input框无法输入进去键盘都快敲坏了还是无法输入通过各种排查、还是无法解决这个问题后面无意中发现 e...

Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)

2020-06-23 18:35 | 分类:脚本编程 | 评论:0 次 | 浏览: 16

今天,我们使用vue cli3 做一个移动端适配 。前言首先确定你的项目是vue cli3版本以上的。一、移动端适配包1、安装移动端适配包n...

使用konva和vue-konva库实现拖拽滑块验证功能

2020-06-23 18:35 | 分类:脚本编程 | 评论:0 次 | 浏览: 15

1. 在vue项目中安装konva和vue-konva库npm install konva vue-konva --save-dev2. 引...

浅析vue cli3 封装Svgicon组件正确姿势(推荐)

2020-06-23 18:35 | 分类:脚本编程 | 评论:0 次 | 浏览: 16

vue cli3 手把手教学封装svgicon组件第一步:在src文件下新建一个放置svg文件的文件夹第二步:在components文件下新...

vue 百度地图(vue-baidu-map)绘制方向箭头折线实例代码详解

2020-06-23 18:35 | 分类:脚本编程 | 评论:0 次 | 浏览: 31

在开发过程中发现 vue-baidu-map 封装的 bmpolyline 折线组件不能顺利绘制出带箭头的纹理。原因是 bmpolyline...

Vue 3.0 全家桶抢先体验

2020-06-23 18:35 | 分类:脚本编程 | 评论:0 次 | 浏览: 15

序vue 3.0 全家桶发布内容包括: vue: beta vue-router: alpha vuex: alpha vue-cl...

你准备好迎接vue3.0了吗

2020-06-23 18:35 | 分类:脚本编程 | 评论:0 次 | 浏览: 9

前言本月21号晚上看了尤大大的直播,感觉vue3.0离我们越来越近了,预计年中正式发布,3.0的改变的确很大,性能提升了很多,很多东西也在靠...

Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能详解

2020-06-23 18:35 | 分类:脚本编程 | 评论:0 次 | 浏览: 12

本文实例讲述了vue + node.js + mongodb图片上传组件实现图片预览和删除功能。分享给大家供大家参考,具体如下:公司要写一些...

详解Vue3 Composition API中的提取和重用逻辑

2020-06-23 18:35 | 分类:脚本编程 | 评论:0 次 | 浏览: 10

vue3 composition api可以在大型项目中更好地组织代码。然儿,随着使用几种不同的选项属性切换到单一的setup 方法,许多开...

Vue发布订阅模式实现过程图解

2020-06-23 18:35 | 分类:脚本编程 | 评论:0 次 | 浏览: 12

vue项目中不同组件间通信一般使用vuex,通常情况下vuex和eventbus不应该混用,不过某些场景下不同组件间只有消息的交互,这时使用...

vue使用map代替Aarry数组循环遍历的方法

2020-06-23 18:35 | 分类:脚本编程 | 评论:0 次 | 浏览: 14

需求:根据主键id来找到对应的数组下标原本的方法是使用for循环遍历该数组,变量 i 就是下标,问题在于,如果有多重for循环,就会导致性能...

VSCode搭建Vue项目的方法

2020-06-23 18:35 | 分类:脚本编程 | 评论:0 次 | 浏览: 14

在vscode上搭建一个vue项目---初学总结。1.假设vscode、nodejs等已经安装好了。2.全局安装vue-cli,vue-cl...

vue项目中使用bpmn为节点添加颜色的方法

2020-06-23 18:35 | 分类:脚本编程 | 评论:0 次 | 浏览: 18

内容概述bpmn是比较方便的绘制流程图的插件,官方demo 本文主要包括vue项目中bpmn使用实例、应用技巧、基本知识点总结和需要注意事项...

vue学习笔记之slot插槽用法实例分析

2020-05-10 15:12 | 分类:脚本编程 | 评论:0 次 | 浏览: 46

本文实例讲述了vue slot插槽用法。分享给大家供大家参考,具体如下:不使用插槽,在template中用v-html解析父组件传来的带有标...

详解Vue中的Props与Data细微差别

2020-05-10 15:12 | 分类:脚本编程 | 评论:0 次 | 浏览: 84

vue提供了两种不同的存储变量:props和data。这些方法一开始可能会让人感到困惑,因为它们做的事情很相似,而且也不清楚什何时使用pro...

Vue Router的手写实现方法实现

2020-05-10 15:12 | 分类:脚本编程 | 评论:0 次 | 浏览: 80

为什么需要前端路由在前后端分离的现在,大部分应用的展示方式都变成了 spa(单页面应用 single page application)的模...

vuex(vue状态管理)的特殊应用案例分享

2020-05-10 15:12 | 分类:脚本编程 | 评论:0 次 | 浏览: 71

有需求才会有应用!需求:vue项目中,我需要一个类似全局的变量保存一个tag的值,在不同层级下的子组件中,对这个变量进行修改,并且使变化的结...

vue倒计时刷新页面不会从头开始的解决方法

2020-05-10 15:12 | 分类:脚本编程 | 评论:0 次 | 浏览: 80

开启倒计时,直接保存到vuex中,且存储到本地持久化// state.jsconst runtime = localstorage.geti...

vue中改变滚动条样式的方法

2020-05-10 15:12 | 分类:脚本编程 | 评论:0 次 | 浏览: 79

写在前面: 我是 扬帆向海,这个昵称来源于我的名字以及女朋友的名字。我热爱技术、热爱开源、热爱编程。技术是开源的、知识是共享的。这博客是对自...

vue.js this.$router.push获取不到params参数问题

2020-05-10 15:12 | 分类:脚本编程 | 评论:0 次 | 浏览: 61

主要通过两种方式传参1.query方式传参和接受参数this.$router.push({ path:'/xxx' query:{ idn...

使用Vue 自定义文件选择器组件的实例代码

2020-05-10 15:12 | 分类:脚本编程 | 评论:0 次 | 浏览: 67

本文 github ... 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎star和完善,大家面试可以参照考点复...

vuex入门最详细整理

2020-05-10 15:12 | 分类:脚本编程 | 评论:0 次 | 浏览: 69

如果你在使用 vue.js , 那么我想你可能会对 vue 组件之间的通信感到崩溃 。我在使用基于 vue.js 2.0 的ui框架 ele...

移动技术网