<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!="")