按钮鉴权是一种前端开发中比较重要的技术，主要用来控制不同用户在不同权限下所能看到、操作的按钮，有效地保障系统安全性。Vue中也提供了很好的支持，可以通过简单的代码实现按钮鉴权。

Vue中可以使用指令来控制按钮的显示和隐藏，例如v-if和v-show。但是，这些指令只能根据静态的数据进行判断，不能根据当前用户的权限进行动态判断。因此我们需要借助Vue提供的mixin和指令来实现动态的按钮鉴权。

Vue.mixin({
methods: {
checkPermission(permission) {
//这里可以根据自己的业务逻辑进行权限判断，返回true或false
return true;
}
}
});
Vue.directive('permission', {
inserted: function (el, binding) {
if (!Vue.prototype.checkPermission(binding.value)) {
el.parentNode.removeChild(el);
}
}
});

上面的代码中，我们定义了一个名为permission的指令，指令的功能是根据当前用户的权限来判断按钮是否显示。例如我们在vue组件里的button标签中添加v-permission指令来控制按钮的显示，如下所示：

<button v-permission="'add_user'">添加用户</button>

当Vue编译到该button标签时，会触发permission指令，判断当前用户是否有添加用户的权限，如果没有，则将该按钮从DOM中移除。

如果有些页面需要同时控制多个按钮的权限，我们也可以通过Vue的mixins混入来实现。假设我们有一个userList页面，其中包含三个按钮：添加用户、编辑用户和删除用户。我们可以使用mixins来控制这三个按钮的权限，如下所示：

export const userListMixin = {
data() {
return {
addButtonPermission: 'add_user',
editButtonPermission: 'edit_user',
deleteButtonPermission: 'delete_user'
};
},
methods: {
checkPermissions() {
if (!this.checkPermission(this.addButtonPermission)) {
this.addButtonVisible = false;
}
if (!this.checkPermission(this.editButtonPermission)) {
this.editButtonVisible = false;
}
if (!this.checkPermission(this.deleteButtonPermission)) {
this.deleteButtonVisible = false;
}
}
},
created() {
this.checkPermissions();
}
};

如上代码所示，我们在mixins中定义了三个变量：addButtonPermission、editButtonPermission和deleteButtonPermission，分别表示添加用户、编辑用户和删除用户按钮的权限。然后在checkPermissions方法中，根据用户的权限来判断这三个按钮是否显示。最后在created生命周期中调用checkPermissions方法来控制这三个按钮的显示。

总之，Vue提供的mixin和指令功能非常强大，可以帮助我们实现许多动态的逻辑，例如按钮鉴权。使用Vue来控制按钮的显示和隐藏，可以大大减少开发时的工作量，并且增强了系统的安全性。同时，我们需要注意合理的代码组织和业务逻辑的划分，以达到更好的效果。