在試v-show屬性，當設為false的時候會加入行內樣式display：none，
但是設定true的時候，不會加上display：block；
求解。 。 。
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
p {
width: 400px;
height: 400px;
border: 1px solid #000;
display: none;
}
</style>
</head>
<body>
<p id="vue" v-show="true"></p>
<script type="text/javascript" src="vue.js"></script>
<script>
new Vue({
el: "#vue",
})
</script>
</body>
</html>
你把樣式裡的display:none 去掉。 。 。 。 v-show 本身就可以設定顯示和隱藏的。
因為你css代碼裡面
v-show只會在hide的時候加入
而顯示的時候會去除
不會加
v-show的原理是透過是否添加display：none控制顯隱的，跟傳統意義jquery的hide和show不同。
設定為true時不需要是 display:block 同樣也是能顯示的
看源碼裡
你這問的有問題
v-show本來就是控制顯示跟隱藏的
給它一個值 控制顯示跟隱藏不就好了
display是根据你的便签属性来的，如果是块级元素如p,p,h标签，默认的就是display: block;如果是span等默认就是display:inline。所以隐藏的时候就是display：none,显示的时候去掉display：none就是它的預設屬性