Vue学习笔记09- v-else-if的玩法

前言：
我们使用v-if、v-else-if和v-else就可以像条件判断一样去玩这个标签。

1.首先我们创建一个vue实例：

• 这次我们使用随机数来玩这个条件语句。

    const app = new Vue({
        el: "#app",    //根据名称操作div,作用域只在该div
        data: {
            random: 0
        },
        methods:{
        },
    });

2.添加一个双向绑定按钮：

• 触发点击事件时候，会执行 @click等号后面的函数或语句，由于Math.random()是js内置的生成随机数的函数，所以可以使用。

{
    {random}}

3.添加条件语句：

我大于0.75
我大于0.5
我大于0.25
我小于0.25

• 特别注意：这些span标签之间不能有任何其他标签（例如br标签），否则会导致下面的判断与语句无法生效。

4.执行代码：

• 我们可以看到，测试成功。