VueJs - 창에 클래스 추가 크기 조정

Question

Vuejs를 사용하여 브라우저 창 크기에 따라 클래스를 추가하고 제거하는 올바른 방법은 무엇입니까?

나는 'v-transitions'을 보았지만, 나는 클릭 이벤트를 사용하고있다.

Answer 1

최상의 옵션은 크기에 따라 클래스를 마운트하고 관리하는 구성 요소에 기본 윈도우 이벤트 리스너를 추가하는 것입니다.
그러면 템플릿에 :class="..." 바인딩 (https://vuejs.org/v2/guide/class-and-style.html)을 사용하고 거기에 클래스 배열을 전달할 수 있습니다.
매우 가까운 예를 들어이 피들을보세요 https://jsfiddle.net/hr77p7qb/3/