vue.js URLのパラメータを判断して、イントロダクションアニメーション表示/非表示判断させたい

前提・実現したいこと

下記仕様のイントロダクションアニメーションをvue.jsで実装しております。

##仕様確認

example.co.jpとURLを叩いた場合（つまりサイト初訪問のときは）アニメーションを発動させる。
サイト内の「ホームに戻るボタン」のリンクにはexample.co.jp?visiter=ppp（./?visiter=ppp）とパラメータを付与させておき、パラメータを持っているときはアニメーションをさせない。

#改善したいこと

下記に私のjsを載せました、パラメータを持っているときはアニメーションは表示されないように記述したのですが、mountedにてパラメータ判断をしているために一瞬アニメーションが見えてしまいます。

createdにて、DOMが作られる前にパラメータ判断すればよいかと思い書き換えましたが、今度は「document.getElementById("app").style.display = "none";」が生成される前なので、createdの挙動は実行されませんでした。

①createdにてもしくはbeforeCreatedに書き換えたい。
②createdにした場合、elementの#appにはどうやってアクセスするのか。方法を知りたい。
③#appをどのように消せばよいのか（display:noneすればよいのか）

###下記にソースを表示させます。

html
1		<div id="app">
2			<transition-group name="fade" mode="out-in" tag="div" id="introdauction">
3				<div v-show="loading_title01" id="loading_title01" class="loading" key="key1">
4					<div class="loadbox">
5						<h2 id="load_title"><img src="./images/loading_text01.png"></h2>
6					</div>
7				</div>
8
9				<div v-show="loading_title02" id="loading_title02" class="loading" key="key2">
10					<div class="loadbox">
11						<h2 id="load_title"><img src="./images/loading_text02.png""></h2>
12					</div>
13				</div>
14
15				<div v-show="loading_logo" id="loading_logo" class="loading" key="key3">
16					<div class="loadbox">
17						<p class="load_left"><img src="./images/loading_01.png"></p>
18					</div>
19				</div>
20				<div v-show="loading_bg_white" id="loading_bg_white" class="loading" key="loading_bg_white"></div>
21			</transition-group>
22		</div>
23<header id="header">
24～～これ以下は常に表示させたいhtml～～～
25

js
1'use strict';
2
3
4// vue設定(ローディング)
5var app = new Vue({
6    el: '#app',
7    data: function data() {
8        return {
9            loading_title01: true,
10            loading_title02: false,
11            loading_logo: false,
12            loading_bg_white: true,
13        };
14    },
15    mounted: function mounted() {
16
17        this.urlQueryCheck(),
18            this.mountedHakka()
19    },
20
21    methods: {
22        //URLのqueryをチェックする。PPPが入っていたらloading無し
23        urlQueryCheck: function urlQueryCheck() {
24            var urlParam = location.search.substring(1);
25            var paramArray = [];
26
27            // パラメータが存在確認、無ければ何もしない
28            if (urlParam) {
29                // 「&」が含まれている場合は「&」で分割
30                var param = urlParam.split('&');
31                // パラメータを格納する用の配列を用意
32                // 用意した配列にパラメータを格納
33                for (var i = 0; i < param.length; i++) {
34                    var paramItem = param[i].split('=');
35                    paramArray[paramItem[0]] = paramItem[1];
36                }
37
38                if (paramArray.visiter === "ppp") {
39                    document.getElementById("app").style.display = "none";
40                }
41
42            }
43        },
44
45        //文章その1を表示とフェイドアウト
46        mountedHakka: function mountedHakka() {
47            var _this = this;
48
49            setTimeout(function () {
50                _this.loading_title01 = false;
51                _this.loading_title02 = true;
52            }, 2600);
53        },
54
55    },
56
57    watch: {
58        //文章その2を表示とフェイドアウト
59        loading_title02: function () {
60            var _this4 = this;
61            if (this.loading_title02 === true) {
62                setTimeout(function () {
63                    _this4.loading_title02 = false;
64                    _this4.loading_logo = true;
65                }, 2600);
66            }
67        },
68
69        //LOGOを表示とフェイドアウト
70        loading_logo: function () {
71            var _this1 = this;
72            if (this.loading_logo === true) {
73                setTimeout(function () {
74                    _this1.loading_logo = false;
75                    _this1.loading_bg_white = false;
76                }, 3100);
77            }
78        },
79    }
80});