쵸코쿠키의 연습장

HTML 코드 {{ sayHello() }} SCRIPT 코드 new Vue({ el: '#app', data: { title: 'Hello World!' }, methods:{ sayHello: function(){ return 'Hello!'; } } }) 결과 vue 인스턴스의 데이터 필드에 저장된 단일 속성을 출력하는 방법을 보았습니다. 이것은 vue 인스턴스에 저장된 데이터는 데이터 속성과 같이 중요합니다. 제목은 템플릿에서 이와 같이 출력 될 수 있습니다. this.title을 쓸 필요가 없으며 데이터 객체의 모든 속성에 액세스 할 수 있습니다. 이를 염두에 두는 것이 중요합니다. 물론 출력해야 합니다. vue 인스턴스에 수동으로 액세스하거나 액세스 할 변수에 저장하지 않기 때문에 매우 쉽습니..

HTML {{ title }} Java Script new Vue({ el: '#app', data: { title: 'Hello World!' } }) 출력 결과 아주 간단한 프로젝트입니다. 제목을 출력하고 제목은 단순히 hello world입니다. 모듈로 다른 텍스트를 출력하며, 이벤트는 따로 없습니다. 왜냐하면 시작하려는 것은이 vue 인스턴스와 이 html 코드 사이의 연결에 대해 알아보기 위함입니다. 이러한 연결이 있다고 설명하기 전에 한 가지 중요한 것이 있기 떄문입니다. 이 새로운 vue js 인스턴스를 만들어서 강조하고 싶은 것은 변수에 저장하지 않는다는 점에 유의해야 합니다. 이 인스턴스를 인스턴스화하여 생성하지만 vue js는 이 연결을 만들고 vue js는 이 HTML 코드를 가져옵니..