Vue Contextmenu 是一個基于Vue.js的上下文菜單組件。 它提供了一個快速簡便的方式來創建自定義上下文菜單，同時提供對菜單項和菜單項的操作的高度控制。

要使用Vue Contextmenu，您需要在Vue項目中安裝它：

npm install vue-contextmenu --save

接著，您需要在您的Vue組件中注冊上下文菜單：

import VueContextMenu from 'vue-contextmenu';
export default {
components: {
VueContextMenu
}
}

現在您可以添加一個上下文菜單并將其與一個元素關聯起來，例如：

右鍵點擊這里彈出菜單

items是一個數組，包含了菜單項的定義。例如：

items: [
{
text: '菜單項一',
action: function () {
console.log('菜單項一點擊');
}
},
{
text: '菜單項二',
disabled: true,
action: function () {
console.log('菜單項二點擊');
}
},
{
text: '分割線',
divider: true
},
{
text: '菜單項三',
action: function () {
console.log('菜單項三點擊');
}
}
]

在上面的例子中，我們定義了三個菜單項，其中第二個菜單項被禁用，第三個菜單項是一個分割線。

當用戶選擇一個菜單項時，可以觸發一個select事件。例如：

methods: {
handleSelect: function (command) {
console.log('選擇了命令: ' + command);
}
}

以上就是Vue Contextmenu的基本使用方法。希望對您有所幫助！