Vue.js

🖖如果你的公司现在还没有准备使用Vue3，而在使用Vue2，那么这篇文章值得你继续看下去。相信这样可以在一定程度上提升你 Vue 2 的开发体验！

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

本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！ 前言 今天，我们来分享几个不可不知的vue高级实战技巧。 技巧 自动注册组件 我们平时可能这样引入注册组件。每次都得需

在Vue2项目上怎么使用CompositionAPI ？它们之间到底能擦出怎样的火花？Vue2如何平滑迁移到Vue3项目?

Vue2.x响应式原理怎么实现的? Vue 最独特的特性之一，是其非侵入性的响应式系统。那么什么是响应式原理？ 数据模型仅仅是普通的JavaScript对象，而当我们修改数据时，视图会进行更新，避免了

录屏时出现了一点小插曲，没有录上声音。不过过段时间我将会把有声视频整理出来，谢谢大家，希望大家理解。 首先，很高兴可以跟尤老师面对面交流，也感谢Vue Beijing平台给我们这次与尤老师交流的机会。

先放图 弱弱的说一句，我真的错了。不该用parcel~ 前几天，尤大开直播说了造轮子的好处，主要还是锻炼自己。所以自己还是义无反顾地把这个项目搭建工具慢慢地造起来。 这次升级 这次版本是v1.0.5。

我们有必要开发一款可热重载的生产环境脚手架。如果增加模拟数据接口服务，那就更完美了。光说不练假把式，我们就开发一款基于Vue技术栈的全栈热重载生产环境脚手架。

一周时间，没见了，大家有没有想我啊！哈哈！我知道肯定会有的。言归正传，我们切入正题。上一篇文章中我主要介绍了使用Vite2+Vue3+Ts如何更快的入手项目。那么，今天我将会带领大家认识一个新的Vue3项目构建工具——parcel-vue-cli。这是什么？怎么以前没有听说过。…

组件将根据屏幕比例及当前浏览器窗口大小，自动进行缩放处理。 建议在组件内使用百分比搭配flex进行布局，以便于在不同的分辨率下得到较为一致的展示效果。 使用前请注意将body的margin设为0，否则会引起计算误差。 这样，一个页面自适应组件就这样搭建完成了，下面，我们将引入组…

Vue3.x正式版发布已经快半年了，相信大家也多多少少也用Vue3.x开发过项目。那么，我们今天就整理下Vue3.x中的响应性API。 作用： 创建一个响应式数据。 本质： 传入数据（复杂类型：数组和json对象）包装成一个Proxy对象。如果传入其他对象，默认情况下修改对象，…

效果很简单，就是这种的小卡片似的效果。 我们先开始写UI页面，可自定义消息内容以及关闭按钮的样式。 写完基本的样式组件，我们该赋予其灵魂了。好，我们开始写最重要的逻辑。 当消息组件组高度超过浏览器显示区域的时候，消息组件会依次按顺序消失。 在这里，我们使用了Vue.extend…

今天，回老家了。第一件事就是回家把大屏安排上，写作的感觉太爽了，终于可以专心地写文章了。我们今天要做的项目是怎么样搭建一个无限级联层级表格组件，好了，多了不多说，赶快行动起来吧！ 到底是啥样子来？我们来看下。 正如你所看到的那样，这个组件涉及添加、删除、编辑功能，并且可以无限级…

今日正式发布一款基于Vue.js的Web视频播放器插件。可配置，操作灵活。跟我一起来体验吧！ 基于vue3.0和vue-vam-video，我开发了一款在线视频播放器。 键入命令，即可安装。 | canplaythrough | 播放可以继续，不应中断。读取状态为3 |

话不多说，赶快试试尤大大教给我们的这几个精妙方法吧！在工作中肯定会用得到。 页面加载完成后只执行一次的设置函数。 通常，全局变量被作为一个参数传递给立即执行参数，这样它在函数内部不使用window也可以被访问到。 三目运算符嵌套的写法，使得代码可读性差，简单业务场景下可以试着使…

话不多说，这篇文章主要讲述如何从0到1搭建一款适用于Vue.js的自定义配置视频播放器。我们平时在PC端网站上观看视频时，会看到有很多丰富样式的视频播放器，而我们自己写的video标签样式却是那么丑。其实像那些网站都是基于原生video标签进行开发的，只不过还得适当加工一下，才…

平时我们可能在做项目时，会遇到一个业务逻辑。实现一个无限级联树形表格，什么叫做无限级联树形表格呢？就是下图所展示的内容，有一个祖元素，然后下面可能有很多子孙元素，你可以实现添加、编辑、删除这样几个功能。 这里需要重点说明的是，主要使用了递归的算法以及给数据标识的重要性。详细说明…

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

先学习TypeScript，vue3.0是用TS重写的，想知其然知其所以然必须学习TS。 vue2.x中的虚拟dom是进行全量的对比。而vue3.0新增了静态标记。在与上次虚拟节点进行对比的时候，只对比带有patch flag的节点，并且可以通过flag的信息得知当前节点要对比…

作用： 就是直接在一个对象上定义一个新属性，或者修改一个已经存在的属性。 那么我们先来看下Object.getOwnPropertyDescriptor()，有定义方法就会有获取方法，对这就是与defineProperty相对的方法，它可以获取属性值。 这就是打印出来的结果，c…