核心提示:控制切换一个元素的显示与否:htmlheadtitle/titlescript src=https://unpkg.com/vue/script/headbodyp id=appspan v-if=s...
控制切换一个元素的显示与否:
<html> <head> <title></title> <script src="https://unpkg.com/vue"></script> </head> <body> <p id="app"> <span v-if="seen"> 我出现了! </span> </p> <script type="text/javascript"> var app = new Vue({ el: '#app', data: { seen: true } }) </script> </body> </html>
可以看到页面显示“我出现了!”。
在控制台输入app.seen = false,可以发现,“我出现了!”字段消失不见。