<template lang="html"> <div class=""> <div class="" v-permit="hasAllPermission('a1','edit-post','delete-post') || v_permit.a1"> <h1>done! all permission exist </h1> </div> <div v-permit="hasAllPermission('b43','edit-post','delete-post','create-user') || v_permit.b43"> <h1>don't have create user permissions </h1> </div> <div v-permit="hasAnyPermission('c21','edit-post','delete-post','create-user') || v_permit.c21"> <h1>don't have create user permissions but hasAnyPermission exists </h1> </div> </div> </template> <script> import permitMixins from '@0devco/v-permit/mixins/permit' export default { data () { return { msg: 'v-permit', // json format authPermissionURI: "https://raw.githubusercontent.com/0devco/v-permit/master/authUserPermissions.json" } }, mixins: [permitMixins] } </script> <style lang="css" scoped > </style>