iphone11大小尺寸是多少？苹果iPhone11和iPhone13的区别是什么？

警方通报辅警执法直播中被撞飞：犯罪嫌疑人已投案

观速讯丨总结vue3 的一些知识点：Vue.js 条件语句

2023-06-02 19:01:00 来源：博客园

Vue.js 条件语句

条件判断使用 v-if 指令：

在元素和 template 中使用 v-if 指令：

    现在你看到我了

(资料图片)
    
    <script>new Vue({  el: "#app",  data: {    seen: true,    ok: true  }})</script>

这里， v-if 指令将根据表达式 seen 的值(true 或 false )来决定是否插入 p 元素。

在字符串模板中，如 Handlebars ，我们得像这样写一个条件块：

{{#if ok}}  Yes
{{/if}}

可以用 v-else 指令给 v-if 添加一个 "else" 块：

随机生成一个数字，判断是否大于0.5，然后输出对应信息：

          Sorry    
          Not sorry    
    <script>new Vue({  el: "#app"})</script>

v-else-if 在 2.1.0 新增，顾名思义，用作 v-if 的 else-if 块。可以链式的多次使用：

判断 type 变量的值：

          A    
          B    
          C    
          Not A/B/C    
    <script>new Vue({  el: "#app",  data: {    type: "C"  }})</script>

v-else 、v-else-if 必须跟在 v-if 或者 v-else-if之后。

我们也可以使用 v-show 指令来根据条件展示元素：

Hello!

关键词：