Vuejsでの画面でのロール毎の表示制御


#1

vuejsを使用した業務アプリでの画面内でユーザーロール毎に表示切替を行う機会があると思いますが、みなさんどのような実装を行なっていますでしょうか?

方法としては大まかに下記のパターンがあるのかなと思っています。

  1. ロール毎にif文を書いて表示分けをする
  2. adminと一般ユーザーでパスなどを分けてしまう
  3. 権限ごとに表示するformなどのスキーマをapiやjsonなどに外部定義する

参考