Vue中的条件渲染
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Vue中的條件渲染</title><!--引入vue.js庫--><script src="../vue.js"></script>
</head><body>
<div id="app"><div v-if="flag">{{content}}</div><div v-show="flag">{{content}}</div>
</div><div>{{content}}</div><script>/*創建了一個vue實例*/var app = new Vue({el: '#app',data: {flag: falsecontent: 'hello world'}});
</script>
</body>
</html>
v-if會銷毀dom
v-show只是多一個style="display: none;，建議使用v-show
v-if、v-else-if、v-else不能分開，分開會報錯
給每個input添加一個key，不然會出現復用上一條數據的隱患
總結
- 上一篇： java.net.SocketExcep
- 下一篇： Vue + Spring Boot 项目