自定义指令

  1. 根目录下创建directives。

  2. directives目录创建permission.ts文件。

    export default{
	install(app){//传入app
		app.directive('permission', {
            mounted(el,binding){
                console.log(el,binding)
                //拿到值
                binding.value
                for(let item of binding.value){
            		console.log(item)
            		if(item !== 'admin'){//没有权限移除掉
                		el.parentNode.removeChild(el)
            		}
        		}
            }
		})
	}
}

  3. 在需要的DOM元素中添加指令

    <template>
  <p v-permission="['admin']">This sentence is important!</p>
</template>