vue的第六大功能,v-if,条件与循环:

news/2024/7/9 23:48:02 标签: vue, js

什么情况下用span,不用input,不用button,不用click,不用p,就用span吗?
span与p的区别是什么?

<!DOCTYPE html>
<div id="conditional-rendering">
<span v-if="seen">现在你看到我了</span>
</div>
</html>

<script src="https://unpkg.com/vue@next"></script>
<script>
const ConditionalRendering = {
    data() {
        return {
            seen: true
            //message:'You loaded this page on'
            //文本插值的时候,这里是counter:0
        }
    }
}

Vue.createApp(ConditionalRendering).mount('#conditional-rendering');
</script>

这样会显示, 现在你可以看到我了
如果把true改成false,就空了。

<!DOCTYPE html>
<div id="conditional-rendering">
<span v-if="seen">现在你看到我了</span>
</div>
</html>

<script src="https://unpkg.com/vue@next"></script>
<script>
const ConditionalRendering = {
    data() {
        return {
            seen: false
            //message:'You loaded this page on'
            //文本插值的时候,这里是counter:0
        }
    }
}

Vue.createApp(ConditionalRendering).mount('#conditional-rendering');
</script>

seen也可以改成别的,不是内置的。
看功能,因功能而变。


http://www.niftyadmin.cn/n/957569.html

相关文章

pytorch代码中实现MNIST、cifar10等数据集本地读取

在上一篇博客中我们说到&#xff0c;运行代码时&#xff0c;MNIST数据无法在线实时下载的问题。 最近&#xff0c;在学习pytorch&#xff0c;遇到同样的问题&#xff0c;但是这个必须得实时下载&#xff0c;因为在下载的过程中&#xff0c;封装好的代码&#xff0c;还要进行其他…

cad文件转高清图片jpg格式文件

手上有一个dwg格式的cad文件,想转成高清的jpg图片,由于该文件大小3M左右,所以普遍网站上的输出或者转换要不失败,要不转出来的放大后就马赛克了。因为也不是经常转换,所以很多软件的VIP也不想买,花最低的成本转换最高清的图。 虽然这款软件可以免费输出清晰的图片,但由于…

关于window系统远程桌面连接报内部错误问题解决方案

当某天需要远程桌面连接其他服务器处理问题时&#xff0c;突然报了一个内部错误&#xff0c;直接整懵了。 然后第一时间找度娘&#xff0c;找到一个解决方案说是服务没正常启动&#xff0c;重启了几个相关的服务&#xff1a; Remote Desktop Configuration Remote Desktop Se…

vue的第八个功能,组件,写得真是无头无尾,完全不知道写的是啥

这段话是个什么话&#xff0c;谁看得懂&#xff1f; 但是这样会为每个待办项渲染同样的文本&#xff0c;这看起来并不炫酷。 我们应该能将数据从父组件传入子组件才对。 让我们来修改一下组件的定义&#xff0c;使之能够接受一个 prop&#xff1a;使之能够接受一个prop。。。 …

Linux防火墙操作命令

Linux防火墙操作命令 #查看防火墙开启状态 systemctl status firewalld #对防火墙进行停止/启动/重启操作 systemctl stop/start/restart firewalld # 防火墙开放80端口 firewall-cmd --permanent --add-port80/tcp # 移除端口 firewall-cmd --permanent --remove-port8080/tc…

记录下pytorch代码从0.3版本迁移到0.4版本要做的一些更改。

1. UserWarning: Implicit dimension choice for log_softmax has been deprecated. Change the call to include dimX as an argument. return F.log_softmax(x) 解决方法&#xff1a;把 F.log_softmax(x)改为F.log_softmax(x,dim0) , 而且我发现改为F.log_softmax(x,dim1)…

Conda install 本地压缩包文件tar.bz2

有时网速太慢&#xff0c;conda install xxx 下载会中断连接 导致压缩包下载不全&#xff0c;本地的安装包没法完全安装 此时删除原来下载的缓冲文件&#xff0c;再复制或本地安装即可 conda install --use-local pytorch-0.4.0-py35_cuda8.0.61_cudnn7.1.2_1.tar.bz2 1 本…