class바인딩의 순서

107쪽~108쪽 예제는 <template>에서 class값을 설정하고 <style>을 갔다가 <script>에서 boolean값을 받은 후에야 실행 되었습니다.

하지만 109쪽의 예시를 보면 <template>에서 class값을 설정하고 <script>에서 <style>로 연결해주어 바로<style>의 값이 실행되었습니다. 

<template> <script> <style>의 순서이기 때문에 109쪽의 예시 방법이 훨신 편해보이는데 이것만 써도 되나요? 혹시 107쪽~108쪽의 예시 방법에 더 좋은 이점이 있나요?