Class2 - v-if介绍
作者:©Mrlin(史密斯林)
简介:学习记录,用于记录在CSDN课程中的学习内容。
课程:Vue2.x从入门到实战。Vue.js Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动.(来自官方介绍)
v-if
- 1、vue.js 内部指令,常用于判断,是否需要展示页面元素
1 | <div v-if="isLogin">{{message}}</div> |
- 2、和
v-else
连用,仅匹配最近的一个v-if
1 | <div v-if="isLogin">{{message}}</div> |
当isLogin
为true,hh
为false时,显示message
的内容,并显示please login
- 3、和
v-show
的对比v-show
为隐藏dom元素,修改其css
的display
属性,本质上已经加载该节点元素,渲染效果更好v-if
按需加载,对减轻服务器压力
源码
1 |
|