Vueライフサイクル機能の詳細な説明

 <div id="ルート">
        <h2 :style="{opacity}"> Vue のライフサイクルを学ぶようこそ</h2>
        <button @click="stop">変更を停止するにはクリックしてください</button>

    </div>
    <スクリプト>
        Vue.config で productionTip を false に設定します。
        定数vm = 新しいVue({
            el: '#root',
            データ： {
                不透明度: 1,
            },
            メソッド: {
                停止（） {
                    // clearInterval(this.timer)
                    これを破棄します。
                }
            },
            //Vueがテンプレートの解析を完了し、実際の初期DOM要素をページに配置した後（マウントが完了したら）、mountedを呼び出します。
            マウント() {

                this.timer = setInterval(() => {
                    this.opacity -= 0.01;
                    (this.opacity <= 0)の場合
                        this.opacity = 1;

                }, 16)
            },
            破棄する前に() {
                console.log('vm は西へ移動しようとしています');
                クリア間隔(this.timer)
            }
        })
    </スクリプト>