现在我想让这个包装了 hello 文字的元素可以根据应用里的某个属性的值来决定它的可见性 ... 可以用一下 v-if 这个指令 .. 添加一个这样的指令 ... 把它的值设置成某个属性 ... 比如 welcome ..

它的意思就是，如果应用里的 welcome 这个属性的值是 true 的话，就显示这个元素，如果是 false ，就隐藏这个元素 ...

然后在应用的 data 里面，可以再添加一个 welcome 属性 ... 让它默认等于 true ..

现在页面上会显示这个 hello ... 在控制台上，我们可以把 welcome 的值设置成 false ...

显示的这个 hello 就不见了 .. 注意在文档的 body 元素里，现在我们找不到包装了 hello 文字的那个元素 ..

还有个 v-show 指令，我们再试一下 ... 把 v-if 换成 v-show ... 然后把 welcome 的值设置成 false ... 同样会隐藏页面上的使用了这个指令的元素 ...

不过这个 v-show 是用 css 隐藏的元素，你会发现这个元素的上面应用了一个 display: none ...