在前端开发中，有时需要为图片、文字等素材添加水印，以保护版权或者提高内容的可读性。Vue.js是一种流行的前端框架，下面介绍如何使用Vue.js添加水印。

首先，我们需要安装一个Vue.js的插件，该插件名为vue-watermark。可以在npm命令行界面输入以下命令来安装该插件：

npm install vue-watermark

安装完成后，在Vue.js中引入该插件：

import watermark from 'vue-watermark'
Vue.use(watermark)

引入完成后，就可以开始使用了。下面是一个简单的例子：

上述代码中，我们在h1标签下方添加了一个水印，水印内容为“© My Blog”。此时，我们在页面上看到的效果如下所示：

当然，vue-watermark不仅可以添加文本水印，还支持各种复杂的图形、图片等。下面是一个添加图片水印的例子：

上述代码中，我们在watermark标签内添加了一张图片，即为水印。此时，我们在页面上看到的效果如下所示：

综上所述，使用Vue.js添加水印非常简单，我们只需要安装vue-watermark插件、在Vue.js中引入该插件，然后在需要添加水印的地方添加相应的代码即可。