用于条件性的渲染一块内容,只有在v-if
表达式的值返回为真时才会渲染
vue<div v-if='false'></div>
v-else
必须跟在v-if
或v-else-if
后才可以被识别,相当于v-if
或v-else-if
的else
区块
vue<div v-if='false'></div> <div v-else></div>
必须跟在v-if
后才可以被识别
vue<div v-if='false'></div> <div v-else-if='true'></div>
同样是根据表达式的值选择性的渲染一块内容
vue<div v-show='false'></div>
true
时对应的区块内的事件监听器和子组件都会被销毁与重建;而v-show
无论初始条件如何都会渲染,只是通过css
的display
属性设置隐藏v-if
有更高的切换消耗,v-show
具有更高的初始渲染消耗Vue可以侦听响应式数组的变更方法[指的是会对原数组产生变更的方法],包括以下几种:
push()
pop()
shift()
unshift()
splice()
sort()
reverse()
对于不可变方法[如filter()
,concat()
和 slice()
],可先将原数组采用ref
包裹,然后直接对其赋值替换整个数组
tslet userinfos1 = ref([1,2,3])
const changeuserinfos1 = ()=>{
userinfos1.value=[3,4,5]
}
在计算属性中对于数组的变更方法不能直接使用,需要先创建一个基于原数组的复制数组,再对其进行操作
本文作者:RKLS
本文链接:
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!