compute計算屬性的set,get

<div id="app">
    <div>{{fullName}}</div>
</div>
<script>
    var vm = new Vue({
        el: "#app",
        data: {
            name: "<h1>Dell</h1>",
            firstName: "sheng",
            lastName: "jun yong",
            age: 28
        },

        // 方式二
        // 計算屬性有緩存，第一次調用執行一次，只要與其相關屬性不變，多次調用只會執行一次方法，節約性能
        computed: {
            // 調用{{fullName}}無需括號，fullName相當於一個屬性this.fullName，該方法的返回值就是屬性值
            fullName: {
                // vm.fullName 獲取計算屬性值，會調用get方法
                get(){
                    console.log("------------")
                    return this.firstName + " " + this.lastName
                },
                // vm.fullName="bao gui" 設置計算屬性值，會調用set方法
                // name是fullName設置的值，會傳進來
                set(name){
                    var arr = name.split(" ")
                    this.firstName = arr[0]
                    this.lastName = arr[1]
                }
            }
        },

    })
</script>