javascript - vue에서 생성자 사용

Question

프로젝트 진행 중 문제가 발생하여 이를 주로 표현하기 위해 3개의 파일을 만들었습니다.
생성자 파일 calc.js가 있습니다

으아악

컴포넌트 파일 calc.vue가 있습니다

으아악

마지막은 2개의 calc.vue 구성 요소를 참조하는 기본 파일입니다

으아악

인터페이스는 다음과 같습니다

두 번째 calc.vue 구성요소의 b를 8로 변경했습니다

그런 다음 첫 번째 calc.vue 구성 요소의 a를 10

으로 변경합니다.

지금 가장 큰 문제는 두 번째 컴포넌트의 b를 먼저 수정한 다음 첫 번째 컴포넌트의 a를 수정하여 결과가 80이 되었다는 것입니다

2개의 구성 요소가 있지만 2개의 calc.js 인스턴스가 생성되지 않습니다. 이유는 무엇입니까? 해결 방법

Answer 1

v-model改成不一样，试试用props 원하시나요?