Nhấn
CTRL + SPACE
để xem gợi ý code
Xem kết quả
Conditional rendering trong Vue.js
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Vue.js Toidicode.com</title> </head> <body style="text-align: center;"> <div id="app"> <h1 v-if="show">Chào mừng bạn đến với website toidicode.com</h1> <h1 v-else >Thẻ h1 trên không hiển thị lên tôi mới hiển thị đó</h1> <button type="button" @click="toggleTag">Toggle Tag</button> </div> <script src="https://unpkg.com/vue@2.4.2" type="text/javascript"></script> <script type="text/javascript"> var app = new Vue({ el: '#app', data: { show: true, }, methods: { toggleTag : function () { if (this.show == true ) { this.show = false; } else { this.show = true; } } } }); </script> </body> </html>
