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-show="show">Welcome to toidicode.com</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 () { this.show = this.show == true ? false : true; } } }); </script> </body> </html>
