VueJs 관찰 가능한 속성으로 객체를 만드는 방법

마니 무리 디

VueJS에서 knockoutjs ViewModel에 해당하는 것을 어떻게 만들 수 있습니까? 예를 들면 :

var Person = function() { 
    var self = this;
    this.firstName = ko.observable('');
    this.lastName = ko.observable('');
    this.fullName = ko.computed(
    function() { 
        return self.firstName() + ' ' self.lastName();
    });

VueJs와 동등한 것은 무엇입니까? 템플릿 속성없이 구성 요소로 생성하지 않고 객체 또는 뷰 모델을 어떻게 생성 할 수 있습니까? 일반 자바 스크립트 객체 (함수 / json 객체)를 생성 할 수 있습니까? 그렇다면 해당 일반 자바 스크립트 객체에서 계산 / 관찰 가능한 속성을 어떻게 생성 할 수 있습니까?

크리스 카마라 타

예, Vue에서 모델은 포조 일뿐입니다. 계산 된 속성은 해당 computed멤버를 사용하여 설정됩니다 . 다음 은 사용 사례에 맞게 수정 된 문서 의 예입니다 .

var vm = new Vue({
  el: '#aPerson',
  data: {
    firstName: '',
    lastName: ''
  },
  computed: {
    fullName: function () {
      return this.firstName + ' ' + this.lastName;
    }
  }
})

person객체 를 받아들이는 재사용 가능한 구성 요소 는 다음과 같습니다.

Vue.component('person', {
  props: ['person'],
  computed: {
    fullName () {
      return this.firstName + ' ' + this.lastName;
    }
  }
});

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

관찰 가능한 속성으로 관찰 가능한 객체를 완전히 비우는 방법은 무엇입니까?

분류에서Dev

관찰 가능한 객체를 처리하는 방법은 무엇입니까?

분류에서Dev

Angular 8 : 관찰 가능한 객체의 두 속성에 대한 계산을 수행하고 다른 속성에 저장해야하는 방법

분류에서Dev

관찰 가능한 결과를 사용한 다음 관찰 가능한 결과를 반환하는 방법

분류에서Dev

두 개의 관찰 가능한 항목을 두 개의 초기 관찰 가능한 값의 매핑 된 값으로 다른 관찰 가능한 개체로 변환하는 방법은 무엇입니까?

분류에서Dev

관찰 가능한 객체로 Vue.set으로 Vuex를 변경하는 것이 좋은 습관입니까?

분류에서Dev

rxjs observables에 대한 기본 질문- '손으로'관찰 가능한 데이터를 공급하는 방법?

분류에서Dev

관찰 가능한 복합 객체를 변경하는 방법은 무엇입니까?

분류에서Dev

Angular에서 관찰 가능한 http를 다시로드하는 방법은 무엇입니까?

분류에서Dev

양방향 바인딩으로 관찰 가능한 필드 사용 (속성 변경 리스너 제거)

분류에서Dev

SwiftUI는 관찰 가능한 객체를 유지합니다.

분류에서Dev

Reactive Extensions : 관찰 가능한 자리 표시자를 만드는 방법은 무엇입니까?

분류에서Dev

SwiftUI의 관찰 가능한 객체에 저장된 비동기로드 UIImages

분류에서Dev

onError () / 구독 취소 할 때까지 객체를 계속 관찰하는 방법

분류에서Dev

onError () / 구독 취소 할 때까지 객체를 계속 관찰하는 방법

분류에서Dev

컨테이너 구성 요소에서 관찰 가능한 데이터를 콘솔하는 방법

분류에서Dev

다운로드로 관찰 가능한 RxJava 체인

분류에서Dev

관찰 가능한 객체가 변경되었을 때 알림을 게시하는 방법

분류에서Dev

Knockout JS 설정 관찰 가능한 배열 객체 속성 값의 드롭 다운에 대한 초기 값

분류에서Dev

드래그 가능한 플롯 객체를 만드는 방법

분류에서Dev

어떤 속성으로 다 대일 관계에서 객체를 얻는 방법

분류에서Dev

rxjs : catchError에서 관찰 가능한 다른 결과를 반환하는 방법

분류에서Dev

관찰 가능한 요청에서 404를 처리하는 방법 Angular

분류에서Dev

mobx 관찰 가능한 객체를 소품으로 전달하여 구성 요소에 반응하는 것이 안전합니까?

분류에서Dev

ListboxItem을 WPF에서 관찰 가능한 컬렉션으로 바인딩하고 맨 위에 새 레코드를 삽입하는 방법

분류에서Dev

관찰자로부터 즉시 가치를 얻는 방법?

분류에서Dev

처음에 관찰 가능한 배열을 비동기 적으로로드하는 방법

분류에서Dev

객체가 다른 방법으로 처리되는 동안 객체 속성의 변경 관리

분류에서Dev

관찰 가능한 객체가 새 스레드로 실행될 때 관찰자에게 알림이 표시되지 않는 이유는 무엇입니까?

Related 관련 기사

  1. 1

    관찰 가능한 속성으로 관찰 가능한 객체를 완전히 비우는 방법은 무엇입니까?

  2. 2

    관찰 가능한 객체를 처리하는 방법은 무엇입니까?

  3. 3

    Angular 8 : 관찰 가능한 객체의 두 속성에 대한 계산을 수행하고 다른 속성에 저장해야하는 방법

  4. 4

    관찰 가능한 결과를 사용한 다음 관찰 가능한 결과를 반환하는 방법

  5. 5

    두 개의 관찰 가능한 항목을 두 개의 초기 관찰 가능한 값의 매핑 된 값으로 다른 관찰 가능한 개체로 변환하는 방법은 무엇입니까?

  6. 6

    관찰 가능한 객체로 Vue.set으로 Vuex를 변경하는 것이 좋은 습관입니까?

  7. 7

    rxjs observables에 대한 기본 질문- '손으로'관찰 가능한 데이터를 공급하는 방법?

  8. 8

    관찰 가능한 복합 객체를 변경하는 방법은 무엇입니까?

  9. 9

    Angular에서 관찰 가능한 http를 다시로드하는 방법은 무엇입니까?

  10. 10

    양방향 바인딩으로 관찰 가능한 필드 사용 (속성 변경 리스너 제거)

  11. 11

    SwiftUI는 관찰 가능한 객체를 유지합니다.

  12. 12

    Reactive Extensions : 관찰 가능한 자리 표시자를 만드는 방법은 무엇입니까?

  13. 13

    SwiftUI의 관찰 가능한 객체에 저장된 비동기로드 UIImages

  14. 14

    onError () / 구독 취소 할 때까지 객체를 계속 관찰하는 방법

  15. 15

    onError () / 구독 취소 할 때까지 객체를 계속 관찰하는 방법

  16. 16

    컨테이너 구성 요소에서 관찰 가능한 데이터를 콘솔하는 방법

  17. 17

    다운로드로 관찰 가능한 RxJava 체인

  18. 18

    관찰 가능한 객체가 변경되었을 때 알림을 게시하는 방법

  19. 19

    Knockout JS 설정 관찰 가능한 배열 객체 속성 값의 드롭 다운에 대한 초기 값

  20. 20

    드래그 가능한 플롯 객체를 만드는 방법

  21. 21

    어떤 속성으로 다 대일 관계에서 객체를 얻는 방법

  22. 22

    rxjs : catchError에서 관찰 가능한 다른 결과를 반환하는 방법

  23. 23

    관찰 가능한 요청에서 404를 처리하는 방법 Angular

  24. 24

    mobx 관찰 가능한 객체를 소품으로 전달하여 구성 요소에 반응하는 것이 안전합니까?

  25. 25

    ListboxItem을 WPF에서 관찰 가능한 컬렉션으로 바인딩하고 맨 위에 새 레코드를 삽입하는 방법

  26. 26

    관찰자로부터 즉시 가치를 얻는 방법?

  27. 27

    처음에 관찰 가능한 배열을 비동기 적으로로드하는 방법

  28. 28

    객체가 다른 방법으로 처리되는 동안 객체 속성의 변경 관리

  29. 29

    관찰 가능한 객체가 새 스레드로 실행될 때 관찰자에게 알림이 표시되지 않는 이유는 무엇입니까?

뜨겁다태그

보관