Bài 6: Disable Re-Rendering with v-once

1. vấn đề gặp phải khi chưa Disable Re-Rendering

- code html

- code js

-> rõ ràng trong method sayHello() chúng ta đổi giá trị của title là xin chào!
-> mà trên file html, chúng ta hiển thị title trước ở thẻ h2, rồi mới gọi tới method sayHello()
-> But...., kết quả là nó vẫn show 1 giá trị title sau khi call method sayHello()

...thinking....
- để giải quyết vấn đề trên, chúng ta sử dụng 1 directive có khả năng vô hiệu hóa việc render lại như sau

2. code html

- ở đây, tôi dùng directive của vuejs v-once cho thẻ h2
- để vô hiệu hóa việc render lại giá trị của title trong cú pháp {{title}}

3. code js

- vẫn như trên nhé

4. kết quả

Happy coding!

thelam92