vue基础-计算属性

let vm = new Vue({
            el: "#app",
            data: {
                str1: "姓名：",
                str2: "张三",
                str3: "年纪：",
                str4: "年芳20",
                value:1
            },
            /* 计算属性 */
            /* 就是用来处理data中的数据，
            把数据处理好了，方便给你使用 */
            /* 缓存 利于性能优化 避免重复获取数据 */
            /* 当data中的数据发生变化的时候computed中的值才会发生改变 */
            computed: {
                allStr(){
                    return this.str1 + this.str2 + this.str3 + this.str4;
                },
                r(){
                    return Math.random() + this.value;
                }
            },
            methods: {
                fn() {
                    console.log(this.r)
                }
            }
        });