<template>
<section>
<p v-if="aa">{{aa}}</p>
<p v-if="bb">{{bb}}</p>
<p v-if="cc">{{cc}}</p>
</section>
</template> <script>
export default {
data () {
return {
aa: '',
bb: null,
cc: 'cc'
}
}
}
</script> <style> </style>
渲染之后,在浏览器中的显示是这样的:
这就说明了if(aa)===if(aa!=null&&aa!="")