本篇文章為大家展示了vue中怎么實現(xiàn)事件綁定，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

蛟河網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),蛟河網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為蛟河成百上千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站制作要多少錢，請找那個售后服務(wù)好的蛟河做網(wǎng)站的公司定做！

一、在vue中，綁定事件，用v-on:事件類型， 如綁定一個點擊事件， 我們可以這樣子做

window.onload = function () {
     var c = new Vue({
       el : 'body',
       methods : {
        say : function(){
          alert( '歡迎學(xué)習(xí)vue' );
        }
       }
     });
    }

添加方法，需要在vue實例的對象參數(shù)中，添加一項methods配置， methods是字面量方式，如上例，我們添加了一個say方法, 在按鈕中綁定了一個點擊事件，當(dāng)事件觸發(fā)的時候，執(zhí)行say();

二、綁定雙擊事件，通過在methods方法中定義的函數(shù)，操作data中的數(shù)據(jù)

window.onload = function () {
     var c = new Vue({
       el : 'body',
       data : {
         arr : [ 10, 20, 30 ]
       },
       methods : {
        change : function(){
          this.arr.push( 40 );
        }
       }
     });
    }

    
    
      {{value}}
    

上述例子，通過在按鈕中綁定雙擊事件，當(dāng)事件觸發(fā)時，調(diào)用change方法， 通過this.arr 訪問data中定義的數(shù)組arr, 向arr中push值40，那么data中的arr數(shù)據(jù)就被修改了，基于vue是MVVM驅(qū)動方式， 那么arr的修改 就會 實時更新到視圖中.結(jié)果就是在ul下面新增一項li,值為40

三、指令:v-show，值為false/true.  當(dāng)為false時，該元素隱藏，當(dāng)為true時，該元素顯示.