首先，在mounted鉤子中給window新增一個滾動滾動監聽事件，

mounted () {
  window.addEventListener('scroll', this.handleScroll)
},

　　然後在方法中，新增這個handleScroll方法，列印scrollTop在控制檯中檢視需要滾動的大小

handleScroll () {
  var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
  console.log(scrollTop)
},    
 

　　新增內容，當滾動條滾動大於100時，top狀態改為1

 handleScroll() {
                        var scrollTop =
                                window.pageYOffset ||
                                document.documentElement.scrollTop ||
                                document.body.scrollTop;
                        console.log(scrollTop);
                        
 
if (scrollTop > 100) {
                                this.top = 1;
                        } else {
                                this.top = 0;
                        }
                },　　

　　data return 中定義top初始值為0，

        data() {
                return {
                        top: 0,
                };
        },
 

　　需要顯示的內容上新增：

v-if="top == 1"