Question

我最近了解了vue 我有这个文件index.html

<!DOCTYPE html>
<html>
<head>
    <title>Learning Vue Js</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="root"> 
    <button @click="show = !show">Toggle</button>
    <div class="foo" v-show="ok">
        <p>ok</p>
    </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/vue"></script>

<script type="text/javascript">
    var app = new Vue({
    el: "#root",
    data: {
        ok: false
    }
});

</script>
</body>
</html>

Answer 1

尝试一下

new Vue({
  el: "#root",
  data: { ok: false }
});

<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<div id="root"> 
    <button @click="ok= !ok">Toggle</button>
    <div class="foo" v-show="ok">
        <p>ok</p>
    </div>
</div>

Answer 2

这里：

<button @click="ok = !ok">Toggle</button>
<div class="foo" v-if="ok">
    <p>ok</p>
</div>

ReferenceError：未定义确定

2 个答案: