VUE自定義命令F5刷新以后Failed to resolve directive

VUE自定義命令F5刷新以后會報(bào)Failed to resolve directive:auth,
我要實(shí)現(xiàn)的功能是登陸以后獲取權(quán)限，然后再通過自定義命令控制按鈕是否顯示，代碼如下：

 store.commit(types.RIGHT,  res.body.myRight)
            console.log(store.state.rights)
            Vue.directive('auth',{
                bind:function (el,binding) {
                  var isExist = false;
                  store.state.rights.forEach(function (item) {
                    if (item===binding.value) {
                      isExist =true
                    }
                  })
                  if (!isExist) {
                    el.parentNode.removeChild(el);
                  }
                },
              update:function (el,binding) {
                var isExist = false;
                store.state.rights.forEach(function (item) {
                  if (item===binding.value) {
                    isExist =true
                  }
                })
                if (!isExist) {
                  el.parentNode.removeChild(el);
                }
              }
              }

            )

這段代碼存在于登陸成功后。。。為什么每次用F5刷新頁面后就會出現(xiàn)這個問題，UPDATE是我加的，沒用，照樣刷新過后出現(xiàn)問題，求大神解答一下。。。