vueJs의 inside data()와 inside created()의 오브젝트 선언의 차이점은 무엇입니까?

vueJs의 inside data()와 inside created()의 오브젝트 선언의 차이점은 무엇입니까?

다음 두 가지 선언 유형의 VueJs 차이가 무엇인지 알고 싶습니다.

data() {
    return {
        foo = 'bar'
    }
}

또, 이하와 같습니다.

created() {

    this.foo = 'bar'
}

메서드 또는 메서드 모두에서 'this'를 사용하여 액세스할 수 있습니다.또한 data()에서 반환된 객체가 컴포넌트의 "메모리"에 저장되어 있는 경우 created()에서 선언된 객체는 어디에 저장됩니까?
그들은 다른 범위에 있나요?
또한 데이터를 가져오기 위해 fetcher가 created()에 도착하여 데이터 오브젝트를 갱신하는 것은 알고 있습니다만, 이 질문은 특히 제가 언급한 두 가지 선언 방식의 차이에 관한 것입니다.
배경에 차이가 있나요?

vue에 대한 자세한 내용은data 여기 있습니다.

Vue는 $data 속성을 반복적으로 getter/setter로 변환하여 "reactive"로 만듭니다.

created() {
    this.foo = 'bar'
}

위와 같이 선언하면 속성을 볼 수 없습니다.이 예를 참조해 주세요.워치 함수는, 에 정의되어 있지 않은 Atribute에 의해서 기동되지 않습니다.data()

언급URL : https://stackoverflow.com/questions/59192614/whats-the-difference-between-declaring-object-inside-data-and-inside-created