AI 助理
备案控制台
文章 2023-01-11 来自：开发者社区

Vue.js从0开始到实战开发4：v-show指令、v-if指令、v-bind指令讲解与实现图片切换图案例

v-show指令根据表达值的真假，切换元素的显示和隐藏。v-if指令根据表达值的真假， 切换元素的显示和隐藏（操纵dom，但是有些时候操纵dom会开销比较大）v-bind指令设置元素的属性（图片的地址src、title、class等，都写在元素的内部。）在下面有一个class类写法和一个三元写法，推荐用class类的写法。切换图片

Vue.js从0开始到实战开发4：v-show指令、v-if指令、v-bind指令讲解与实现图片切换图案例
文章 2023-01-11 来自：开发者社区

Vue.js从0开始到实战开发3：v-text、v-html、v-on指令的实例代码与实现简单计数器

v-text指令v-html指令对于普通文本，其实这个命令和v-text是没有差异的。如下图所示。而对于v-html的话类似是超链接的形式，大概可以理解为超链接的形式。总结：1、解析文本使用v-text、解析html需要使用v-html。2、v-text无论什么指令，都只会解析为文本！v-on指令基础主要就是为元素绑定事件，进行操作。简要代码如下。注意，在方法的内部要拿到数据，需要用this命令....

Vue.js从0开始到实战开发3：v-text、v-html、v-on指令的实例代码与实现简单计数器

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

VUE.js指令相关内容

VUE.js更多指令相关

VUE.js您可能感兴趣

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此，由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界，将面向未来，制定技术策略和目标并落地执行，推动终端技术发展，帮助工程师成长，打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号：阿里巴巴终端技术，欢迎关注。

+关注