Vue app 水印是一種常見的應用程序保護措施，可以用來防止對應用程序的未經授權的復制或混淆。

在Vue應用程序中，您可以使用許多不同的插件和庫來實現水印，例如 vue-watermark、vue-waterMark2、vue-watermark-plugin 等等。

import Vue from 'vue';
import VueWatermark from 'vue-watermark';
Vue.use(VueWatermark, {
text: 'This is a watermark',
fontSize: 16,
color: '#c9c9c9',
zIndex: 9999,
});

上述代碼展示了如何使用VueWatermark插件來添加具有自定義文本、字體大小、顏色和z-index的水印。

您還可以使用CSS來自定義您的水印文本和樣式。

.watermark {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
display: flex;
justify-content: center;
align-items: center;
opacity: 0.5;
font-size: 24px;
color: #c9c9c9;
transform: rotate(-45deg);
}
.watermark span {
display: block;
transform: rotate(45deg);
}

上述CSS代碼將創建一個旋轉的水印文本，可以應用于任何Vue應用程序。

Vue app 水印是一個有用的工具，可以幫助您保護您的應用程序免受盜版和盜鏈的威脅。