仅在首次加载页面时显示Vue组件

Question

我一直在寻找如何仅在第一次加载页面时显示div，我正在使用Laravel和Vue，因此在我的情况下它将是一个组件。有人告诉我使用localStorage这样做，我是通过以下方式完成的

刀片视图

<div id="disclaimer">
    <disclaimer></disclaimer>
</div>

        <script type="application/javascript" src="{{ asset('js/jquery.min.js') }}" defer></script>
        <script type="application/javascript" src="{{ asset('js/popper.min.js') }}" defer></script>
        <script type="application/javascript" src="{{ asset('js/bootstrap.min.js') }}" defer></script>

        <script type="application/javascript">
            $(document).ready(function () {
            if (localStorage.getItem('wasVisited') !== undefined) {
                $("#disclaimer").hide();
            } else {
                localStorage.setItem('wasVisited', 1);
                $("#disclaimer").delay(5000).fadeOut(500);
            }
            });
        </script>

但是我有很多问题：

1. 当我在控制台localStorage.getItem('wasVisited')中键入时，它返回null
2. 我在控制台中出现此错误：第215行$ is not defined，但是localStorage代码从第230行开始，但是，如果我删除这段代码，则不会显示该错误
3. 什么也没做

我该如何解决？