• <pre id="y08ey"><del id="y08ey"><xmp id="y08ey"></xmp></del></pre>
    1. <pre id="y08ey"></pre>
      
      <p id="y08ey"><strong id="y08ey"><small id="y08ey"></small></strong></p>
      <td id="y08ey"><ruby id="y08ey"></ruby></td>
      <p id="y08ey"><strong id="y08ey"><xmp id="y08ey"></xmp></strong></p>
      <pre id="y08ey"></pre>

      <table id="y08ey"></table>
        <track id="y08ey"></track>
      1. 手機: 18919834768
        電話熱線: 0931-7603702
        網站知識
        當前位置: 主頁 > 網站知識

        vue3計算屬性Getter 和 Setter

        發布時間:2023-02-20 21:22:25???來自:未知???編輯:蘭州啟點網絡 www.syzhibo.net

        學習要點:
        1.Getter
        2.Setter
        本節課我們來開始學習 Vue3.x 的計算屬性中的 Getter Setter 方法;
        一.Getter
        1. 當我們輸出 vm 對象的時候,發現屬性字段有 Getter Setter 方法;
        2. Getter:即取值,Setter:即賦值,計算屬性默認執行的是 Getter 取值方法;
        3. 那么正常使用計算屬性時,我們都是 return 返回一個最終結果即可;
        4. 如果我們強制使用 Getter 方法獲取,那么計算屬性的格式改寫如下:
        // 計算屬性
        computed : {
        // 連接兩個屬性字符串
        fullName : {
        // Getter
        get() {
        return this.firstName + this.LastName
        }
        }
        }
        二.Setter
        1. Setter 是賦值,我們可以在這里直接修改屬性字段的內容,如下:
        // Setter
        set(value) {
        const str = value.split('.')
        this.firstName = str[0] + '.'
        this.lastName = str[1]
        console.log('set')
        }
        PSSetter 會被先執行進行賦值,然后 Getter 執行取出,可通過控制臺輸出了解順序;
        PS:當沒有賦值操作,則執行一次 get,當有賦值操作,會以 get->set->get 三次執行;
        PS:賦值通過 vm.fullName = 'Miss.Wang'進行賦值;
        // 可以直接對計算屬性賦值
        vm.fullName = 'Miss.Wang'
        本文由:蘭州啟點網絡(www.syzhibo.net)整理發布!

        ? QQ咨詢

        建站咨詢 售前咨詢 私人訂制 售后技術

        ? 電話咨詢

        0931-7603702
        (早9:00-晚10:00)

        ? 微信咨詢

        掃碼關注
        點點租

        ? 返回頂部
        午夜无码区在线观看_久久精品国产亚洲一区二区_久久综合日本久久综合88_在线观看国产一区