第一次页面加载会触发哪几个钩子？？？

1.beforeCreate 2.created 3.beforeMount 4.mounted

计算属性

split() 分割 - 将字符串分成数组

reverse() 反转

join() 分隔 - 将数组分成字符串

遇到复杂的逻辑，用计算属性

computed: 计算属性 定义对象

coomputed:{
    名字(){
        逻辑代码
    }
}

计算属性默认方法是getter函数，计算属性可以直接挡属性来用

methods:{
    名字(){
        逻辑代码
    }
}

如果是调用方法，只要页面重新渲染，方法就会重新执行，页面不渲染，方法则不执行

注意： 计算属性可以依赖其他计算属性，计算属性不仅可以依赖当前vue实例的数据，还可以依赖其他实例的数据

每个属性都有一个getter 和setter

computed:{
    name(){
        默认是getter方法
    }
}
------
computed:{
    name:{
        get(){获取},
        set(value){更改+新的value}
    }
}

计算缓存

页面中的方法，如果是调用方法，只要页面重新渲染，方法就会重新执行，不需要渲染则不重新执行

计算属性：不管渲染不渲染，只要计算属性依赖的数据未发生变化，就永远不变。

使用methods 方法、还是 computed计算

使用methods 方法、还是 computed计算，取决于你是否需要缓存，当遍历大数据和大量计算时，应当使用computed计算属性，除非你不需要缓存

const app1 == new Vue({
    el:'#app1',
    data:{a:1}
})

const app2 == new Vue({
    el: '#app2',
    data:{b:2}
})

app2 可以访问 app1 的 data.a 属性 app1.a