官网

if指令

概念

if条件指令用于控制是否增加或者删除组件。

语法

<组件名 if='bol'><组件名>

上述语法中只要bol值为ture则显示该组件，若是bol值为false则不显示该组件(并将其从DOM结构中移除)。

拓展

根据之前的经验，在react中可以使用&&符判断DOM结构是否显示

在react中 布尔值不会直接被渲染在页面上，可以通过bolearn值 && DOM结构判断DOM元素是否显示。

import { useState } from 'react'
function App() {
  const [age] = useState(1)
  return (
    <div className="App">
      { age==1 && <span>111111</span>}
    </div>
  );
}

此时就在想 那么在快应用中是否可以这么做呢？

若是在{{}}中存在组件，则会只解析组件，其余内容当作字符串处理！

vue中与在快应用中相同，只能通过指令来控制元素是否显示！！！

总结

react中之所以可以通过 && 来判断DOM元素是否展示是因为 react没有提供if指令，因此在内部做了处理可以通过&&控制。

而在vue和快应用中分别提供了 v-if与if指令用于控制是否增加或者删除组件。

在快应用中只能通过if指令控制组件是否展示，&&与三元运算符不能处理！！！

使用三元表达式控制示例

标题：问题-tabBar的动态配置