元素显示

知识点

  • v-show

v-show

标记是否显示html元素。(注意:v-show设置的标记在html DOM中不会消失)

  1. <div id="myApp">
  2. <h1 v-show="result">任天堂新一代主机Switch</h1>
  3. <button @click="btnClick">考试成绩</button>
  4. </div>
  5. <script>
  6. var myApp = new Vue({
  7. el: '#myApp',
  8. data: {
  9. result: true
  10. },
  11. methods: {
  12. btnClick: function(){
  13. this.result = !this.result;
  14. },
  15. },
  16. });
  17. </script>

源文件

小马视频频道

http://komavideo.com