javascript - vue.js의 모델 데이터 바인딩 문제

Question

다음 코드에서

즉시 입력 효과를 얻으려면 js의 el 요소를 p의 id cc에 바인딩해야 하는 이유는 무엇입니까? 반대로 입력의 id에 직접 바인딩하면 효과를 얻을 수 없나요? 결국 입력에는 모델의 메시지가 적용됩니다

으아악

Answer 1

입력만 바인딩하고 범위가 입력만인 경우 p 태그는 효과가 없습니다. 그래서 당신은 p 안에 있어야합니다.

Answer 2

id는 Vue 인스턴스화와 관련된 모든 데이터 바인딩 및 기타 동작을 포함하는 컨테이너입니다. 한 페이지에서 여러 컨테이너를 정의할 수 있지만 각 컨테이너는 범위 내 변수 또는 함수의 액세스 동작이 현재 범위 환경에 따라 결정됩니다.
귀하의 예는 단순한 입력이 아니라 바인딩한 데이터에도 p개의 요소가 있습니다. 따라서 컨테이너 ID를 상위 요소 p에 넣어야 합니다.

Answer 3

각 vue 인스턴스는 DOM에서 범위를 가지며, el 속성의 값은 DOM에서 vue 인스턴스의 범위를 결정합니다. el 속성의 값을 설정하면 어떤 인터페이스 요소가 DOM에서 설정될 수 있는지가 설정됩니다. vue 인스턴스의 속성에 액세스합니다. 각도를 사용한 경우 el 값의 역할은 실제로 각도의 컨트롤러와 유사합니다.