Vue3中div自由拖拽宽度和高度。

Vue3中我们会遇到自由拖拽宽度和高度的页面需求,查看很多方法都无法满足当前需求。下面是我们Vue3版本的代码,非常简单主要构想说粗发拖拽方法,把所需要的div的高宽进行拖拽位置进行监听来加减自身div的px值。直接复制粘贴就可以实现效果。根据自己需求更改即可投入使用,非常方便快捷。(本人文章全都是免费开源,拒绝收费。构建果然免费共享技术环境)







效果图如下:

Vue3中div自由拖拽宽度和高度。_第1张图片

下面希望各位大哥支持一下我开发的小程序,萘兔小程序用户始终坚持免费提供用户使用的一个小程序,提成程序免费便利于群众,服务群众的宗旨。同时不断提高自身的能力和了解用户需求,开拓自身的程序视野,快速提高自我技术,未编程共享继续提供更多的免费代码交流环境。点击一下增加一下我的用户量。如有建议可以私信我非常感激。

Vue3中div自由拖拽宽度和高度。_第2张图片

Vue3介绍(不用理会)
vue3.0带来了什么
1.性能的提升
打包大小减少41%
初次渲染快55%,更新渲染块133%
内存减少54%
........
2.源码的升级
使用Proxy代替defineProperty实现响应式
重写虚拟DOM的实现和Tree-Sharking
......
3.拥抱TypeScript
vue3.0更好的支持TypeScript
4.新的特性
Composition API(组合api)

。 setup配置

。ref与reactive

。watch与watchEffect

。 provide和inject

。 .......

新的内置组件

。 Fragment

。Teleport

。Suspense

其他改变

。新的生命周期钩子

。data选项应始终被声明为一个函数

。移除keyCode支持作为v-on的修饰符

你可能感兴趣的:(javascript,vue,Vue3.x)