v- permission

"v-permission" 不是Vue自带的指令，它是一个自定义指令的示例。这个示例中的 "v-permission" 是一个自定义指令的名称。

自定义指令可以在Vue中通过使用 "Vue.directive()" 方法来注册。在注册指令时，你需要指定指令的名称、钩子函数和逻辑代码。

以下是一个自定义指令的示例，你可以将其作为参考：

Vue.directive('permission', {
  inserted: function(el, binding, vnode) {
    // 这里是指令的逻辑代码
    // 可以根据传入的参数来判断权限并控制元素的显示与隐藏
    if (!hasPermission(binding.value)) {
      el.style.display = 'none';
    }
  }
});

在这个示例中，我们注册了一个名为 "permission" 的自定义指令。在指令的 `inserted` 钩子函数中，我们可以根据传入的参数 `binding.value` 来判断权限，并根据权限控制元素的显示与隐藏。

在模板中使用这个自定义指令时，你可以像下面这样使用：

<template>
  <div>
    <span v-permission="'admin'">只有管理员可见</span>
  </div>
</template>

在这个例子中，我们传入了一个字符串参数 "'admin'" 给指令，用于判断是否有权限显示该元素。如果没有权限，则该元素会被隐藏。

请注意，这只是一个示例，实际的自定义指令的逻辑代码和功能根据你的需求可能会有所不同。你可以根据自己的需求来实现适合的自定义指令。