Vue3

Vue3 实现网页背景水印功能

经常有一些公司和组织出于系统文件或信息安全保密的需要,需要在系统网页上增加带有个人标识(系统账号或个人信息)的水印,可以简单防止截图外传。 首先我们来看这样一个水印功能的实现思路,通常是在我们原有的网页上附上一个 DIV 层,将它设置绝对定位铺满整个窗口,然后 z-index 值尽量往大了设,保证让水印层处于当前网页所有元素的上面,又不影响当前网页的操作。

如何全局引入 Vue Composition API

使用过Vue3 开发的难免会被每个页面都要引入 vue 的Api而烦恼,这也是相较 2.x 版本的最大的区别。有相过为什么要这样做吗? 因为在 2.x 的版本中,我们在入口文件 main 中全局注册唯一的vue对象实例,而所有的api都可以通过这个对象的引用获得。Vue 3的改进就是要优化打包的体积,更方便的进行复用逻辑组件,分成一个个的小的vue 实例,从而Api也是根据需要手动引入。

Sidebar