Vam的金豆之路的博客_Vue.js(3)

基于Vue.js的Web视频播放器插件vue-vam-video@1.3.6 正式发布

前言今日正式发布一款基于Vue.js的Web视频播放器插件。可配置，操作灵活。

ide

全屏

公众号

原创 2022-02-05 15:22:15 1250 阅读

Vue.js与ElementUI搭建无限级联层级表格组件

前言今天，回老家了。第一件事就是回家把大屏安排上，写作的感觉太爽了，

递归

递归算法

标签名

原创 2022-02-05 15:19:34 557 阅读

使用Vite2+TypeScript4+Vue3技术栈，如何入手开发项目

前言今天，我们使用Vite2.0+Vue3+TS来试玩一下，开发一个demo项目。实战我们

css

配置文件

配置项

原创 2022-02-05 15:18:43 141 阅读

沉寂了一周，我开发了一个聊天室

前言最近一周没有发文章了，我在这里向大家说一声抱歉。

服务器

客户端

聊天室

原创 2022-02-05 15:18:12 223 阅读

尤老师在Vue Beijing平台的直播回放（无声版），之后会推出有声版

录屏时出现了一点小插曲，没有录上声音。不过过段时间我将会把有声视频整理出来，谢谢大家，希望大家理解。首先，很高兴可以跟尤老师面对面交流，也感谢Vue Beijing平台给我们这次与尤老师交流的机会。居然能够在尤老师下面，好激动～以上截取的画面是Vue2项目如何平滑升级到Vue3，尤大给出的回复是：可以实现。具体怎么操作可以观看之后整理的有声视频。今天，很感谢尤老师回答了我提出的一个问题。就是如何看待parcel2的？尤老师给出的答复是：太臃肿！为了零配置而零配置。为了达到零配置的效果，引入

零配置

公众号

多项目

其他

原创 2022-01-27 12:02:10 57 阅读

Vue.js与Node.js一起打造一款属于自己的音乐App（收藏）

点击此链接，跳转文章

公众号

原创 2022-01-27 11:59:12 13 阅读

手把手教你用前端实现短视频App（滑动切换）

点此链接，查看文章

公众号

原创 2022-01-27 11:58:49 84 阅读

手把手教你实现一个Vue无限级联树形表格（增删改）

前言平时我们可能在做项目时，会遇到一个业务逻辑。实现一个无限级联树形表格，

数据

递归

级联

原创 2022-01-27 11:58:29 108 阅读

过年了，基于Vue做一个消息通知组件

。Notification.vue<template> <transition name="fade" @after-enter="handleAfterEnter"> <div class="notification" :style="s

css

javascript

官网

原创 2022-01-23 14:58:09 116 阅读

从0到1搭建一款页面自适应组件（Vue.js）

组件将根据屏幕比例及当前浏览器窗口大小，自动进行缩放处理。建议在组件内使用百分比搭配flex进行布局，以便于在不同的分辨率下得到较为一致的展示效果。使用前请注意将body的margin设为0，否则会引起计算误差。fullScreenContainer.vue<template> <div id="full-screen-container" :ref="ref">

自适应

公众号

技术交流

原创 2022-01-23 14:57:52 44 阅读

「快速学习系列」我熬夜整理了Vue3.x响应性API

前言Vue3.x正式版发布已经快半年了，相信大家也多多少少也用Vue3.x开发过项目。那么，我们今天就整理下Vue3.x中的响应性API。响应性API reactive作用：创建一个响应式数据。本质：传入数据（复杂类型：数组和json对象）包装成一个Proxy对象。如果传入其他对象，默认情况下修改对象，界面不会自动更新，如果想更新，可以通过重新赋值（创建一个新的对象）的方式。<

响应式

数据

原始数据

原创 2022-01-23 14:57:36 51 阅读

vue 封装弹窗组件注意

父组件<template> <div> <p @click="onDelete"> 打开 </p>  <code-dialog :status.sync="deleteDialogStatus" /> </div></template><script>import codeDialog from

组件

原创 2022-01-23 14:53:10 923 阅读

基于Vue实现跨表格（单选、多选表格项，单表格限制）相互拖拽

前言今天，我们将使用Vue.js来实现一个跨表格相互拖拽。在开发这个业务之前呢，也调研了网上很多解决方案，但个人感觉不太符合现在做的这个需求。所以，压根就自己再开发一套，方便以后维护。

vue.js

javascript

html5

elementui

拖拽

原创 2022-01-15 14:48:02 651 阅读

Virtual DOM到底有什么迷人之处？如何搭建一款迷你版Virtual DOM库？

为什么使用Virtual DOM手动操作DOM比较麻烦。还需要考虑浏览器兼容性问题，虽然有JQuery等库简化DOM操作，但是随着项目的复杂DOM操作复杂提升。为了简化DOM的复杂操作于是出现了各种MVVM框架，MVVM框架解决了视图和状态的同步问题为了简化视图的操作我们可以使用模板引擎，但是模板引擎没有解决跟踪状态变化的问题

html

子节点

数组

原创 2022-01-15 14:36:21 52 阅读

【Vue项目】完美解决Element UI中Message组件（消息多次弹出）问题

resetMessage.jsimport { Message} from 'element-ui';let messageInstance

其它

原创 2022-01-15 14:32:00 1885 阅读

Vue对接友盟

App.vue mounted() { const script = document.createElement('script');

php

javascript

原创 2022-01-15 14:31:02 925 阅读

如何高效二次封装Element UI弹窗

首先定义一个Element UI 组件，并且二次封装它。<template> <el-dialog :visible.sync="visible" width=

前端

vue.js

封装

css

原创 2022-01-15 14:29:35 453 阅读

Vite@2.6.0-beta.0 is out!

2021/9/20 · 20:54 Vite官方在推特发送了关于发布2.6.0-beta.0版本的消息。

html

css

相对路径

显式

原创 2022-01-15 14:29:06 194 阅读

从开发一款基于Vue技术栈的全栈热重载生产环境脚手架，我学到了什么？

浏览文章前这一期，我分享给大家三点看源码的小技巧，这也是从别的大佬那总结的。被反复使用的代码这样的代码是一个软件的重点函数，一个大神的写法有很多精华值得学习。穿越时间的代码如果一段代码10年甚至15年，都还在使用。说明它的设计思想一定很棒。好调试的代码一个程序的代码很容易就调试成功，说明作者的项目结构能力很强，值得学习。前言今天，我们来搞一个新东西，名字叫基于Vue技术栈的全栈热重载生产环境脚手架。实话说，这个名字我想了很久。最终，还是以这个名字作为文章标题。我先拆分解释下：全栈的意思

gulp

html

node.js

View

原创 2022-01-11 13:46:30 26 阅读

Vite+Vue2+Composition-api+＜script setup＞+TypeScript搭配如何开发项目？

好久没写文章了，今天终于有时间可以安安静静写文章了。前言Vite相信大家都用过，它是一种新型前端开发与构建工具，能够显著提升前端开发体验。我们在搭建Vite项目，选择Vue模板之后，默认会下载Vue3模板。如果你的公司现在还没有准备使用Vue3，而在使用Vue2，那么这篇文章值得你继续看下去。下面，我将带大家如何搭建

typescript

vue.js

html

json

ico

原创 2021-09-28 16:07:27 846 阅读 13点赞 2收藏 1评论

Vite@2.6.0-beta.0 is out!

2021/9/20 · 20:54 Vite官方在推特发送了关于发布2.6.0-beta.0版本的消息。消息大概内容是：Vite@2.6.0-beta.0出来了！请帮助我们测试此测试版，并加入chat.vitejs.dev与他人合作。查看更改日志

html

css

相对路径

显式

重复数据

原创 2021-09-26 15:58:55 185 阅读 2点赞 1收藏

如何高效二次封装Element UI弹窗

首先定义一个Element UI 组件，并且二次封装它。<template> <el-dialog :visible.sync="visible" width="30%" :show-close="false" :custom-class="'dialog-box'"> <slot name="header">

前端

vue.js

封装

css

原创 2021-09-10 10:54:20 1108 阅读

Vue.js CLI4 Vue.config.js标准配置（最全注释）

前言：Vue.js CLI工具不知不觉发展到了4.0时代，CLI给人最直白的感受是没有了build文件夹跟config文件夹，所有的配置都在Vue.config.js完成

html

css

analyzer

生产环境

bundle

原创 2021-08-27 11:39:03 675 阅读

Vue回炉重造之如何使用props、emit实现自定义双向绑定

你好，我是Vam的金豆之路，可以叫我豆哥。2019年年度博客之星、技术领域博客专家。

微信

双向绑定

微信公众号

input标签

数据

原创 2021-08-27 10:59:40 205 阅读

Vue回炉重造之封装防刷新考试倒计时组件

你好，我是Vam的金豆之路，可以叫我豆哥。2019年年度博客之星、技术领域博客专家

微信

微信公众号

封装

技术交流

前端开发

原创 2021-08-27 10:58:40 202 阅读

Vue回炉重造之搭建考试答卷系统

你好，我是Vam的金豆之路，可以叫我豆哥。

json

ico

css

html

微信

原创 2021-08-27 10:56:56 202 阅读

使用Vite2+TypeScript4+Vue3技术栈，如何入手开发项目

前言今天，我们使用Vite2.0+Vue3+TS来试玩一下，开发一个demo项目。

css

配置文件

git

项目文件

热更新

原创 2021-08-27 10:56:01 215 阅读

Vue3.0系列——「vue3.0学习手册」第一期

vitevite是尤大大开发的一款意图取代webpack的工具。其实现原理是利用ES6的import会发送请求加载文件的特性。拦截这些请求，做一些编译，省去webpack冗长的打包时间。并将其与Rollup捆绑在一起用于生产。在开发过程中没有捆绑。

数据

数组

开发者

公众号

赋值

原创 2021-08-27 10:55:37 447 阅读

vue 封装弹窗组件注意

父组件<template> <div> <p @click="onDelete"> 打开 </p>

vue

原创 2021-08-27 10:54:58 633 阅读

Vue回炉重造之封装一个实用的人脸识别组件

你好，我是Vam的金豆之路，可以叫我豆哥。

ide

人脸识别

保存图片

2d

上传

原创 2021-08-27 10:51:22 363 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx6124cb1b73be0的博客

基于Vue.js的Web视频播放器插件vue-vam-video@1.3.6 正式发布

Vue.js与ElementUI搭建无限级联层级表格组件

使用Vite2+TypeScript4+Vue3技术栈，如何入手开发项目

沉寂了一周，我开发了一个聊天室

尤老师在Vue Beijing平台的直播回放（无声版），之后会推出有声版

Vue.js与Node.js一起打造一款属于自己的音乐App（收藏）

手把手教你用前端实现短视频App（滑动切换）

手把手教你实现一个Vue无限级联树形表格（增删改）

过年了，基于Vue做一个消息通知组件

从0到1搭建一款页面自适应组件（Vue.js）

「快速学习系列」我熬夜整理了Vue3.x响应性API

vue 封装弹窗组件注意

基于Vue实现跨表格（单选、多选表格项，单表格限制）相互拖拽

Virtual DOM到底有什么迷人之处？如何搭建一款迷你版Virtual DOM库？

【Vue项目】完美解决Element UI中Message组件（消息多次弹出）问题

Vue对接友盟

如何高效二次封装Element UI弹窗

Vite@2.6.0-beta.0 is out!

从开发一款基于Vue技术栈的全栈热重载生产环境脚手架，我学到了什么？

Vite+Vue2+Composition-api+＜script setup＞+TypeScript搭配如何开发项目？

Vite@2.6.0-beta.0 is out!

如何高效二次封装Element UI弹窗

Vue.js CLI4 Vue.config.js标准配置（最全注释）

Vue回炉重造之如何使用props、emit实现自定义双向绑定

Vue回炉重造之封装防刷新考试倒计时组件

Vue回炉重造之搭建考试答卷系统

使用Vite2+TypeScript4+Vue3技术栈，如何入手开发项目

Vue3.0系列——「vue3.0学习手册」第一期

vue 封装弹窗组件注意

Vue回炉重造之封装一个实用的人脸识别组件