vue if判断_vue循环判断
生活随笔
收集整理的這篇文章主要介紹了
vue if判断_vue循环判断
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>條件與循環(huán)</title><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script></head><body><h1>判斷示例</h1><div id="app"><p v-if="seen">現(xiàn)在你看到我了</p></div><hr><div id="app-1"><p v-if="seens">真為顯示 假為隱藏</p><p>hi。。。。</p></div><hr><h1>循環(huán)示例</h1><div id="app-2"><ul><li v-for="todo in todos">{{ todo.text }}</li></ul></div><script type="text/javascript">// 判斷var app = new Vue({el: "#app",data: {seen: true}})var app1 = new Vue({el: "#app-1",data: {seens: false}})// 循環(huán)var app2 = new Vue({el: "#app-2",data: {todos: [{text: '學習 JavaScript'},{text: '學習 Vue'},{text: '整個牛項目'}]}})</script></body>
</html>
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯,堅持創(chuàng)作打卡瓜分現(xiàn)金大獎
總結(jié)
以上是生活随笔為你收集整理的vue if判断_vue循环判断的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: spring 查找实现类_69道Spri
- 下一篇: eclipse maven打包jar 部