本文探讨了Vue中v-show指令的工作原理，它根据表达式的真假值来切换元素的显示和隐藏，主要通过改变display样式实现。同时提到了v-if指令，指出v-if会操作DOM，而v-show主要操作样式。文章还介绍了v-bind的使用，用于设置元素属性，并以图片切换应用为例进行了实战说明，最后进行了总结。
- v-show: 根据表达值真假,切换元素的显示和隐藏(本质是改变display)
<body>
<div id="app">
<h1 v-show="isShow"> {
{
msg }} </h1>
<button @click="changeShow">isShow</button>
</div>
<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
var app = new Vue({
el: "#app",
methods: {
changeShow: function () {
this.isShow
最低0.47元/天 解锁文章
457
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
