插件窝 干货文章 vue.js的if(条件)语句应用

vue.js的if(条件)语句应用

vue.js vue框架 前端 783    来源:插件窝    2021-04-13

举例控制切换一个元素是否显示:


<div id="app-3">
  <p v-if="seen">现在你看到我了</p>
</div>
var app3 = new Vue({
  el: '#app-3',
  data: {
    seen: true
  }
})

输出:现在你看到我了

继续在控制台输入 app3.seen = false,你会发现之前显示的消息消失了。


这个例子演示了我们不仅可以把数据绑定到 DOM 文本或 attribute,还可以绑定到 DOM 结构。此外,Vue 也提供一个强大的过渡效果系统,可以在 Vue 插入/更新/移除元素时自动应用过渡效果。