vue 在线编辑器 | vue代码测试

<!DOCTYPE html>
<html>
<head>
  <title>驼鹿计数</title>
  <style>form {
      border: dashed black 1px;
      display: inline-block;
      padding: 10px;
    }
    label {
      padding: 5px;
    }
    label:hover {
      cursor: pointer;
      background-color: lightgray;
      border-radius: 5px;
    }
  </style>
</head>
<body>

<h1>示例：Computed 计算属性“yes”或“no”</h1>
<p>在此示例中，当切换复选框时，我们向用户反馈“yes”或“no”。 反馈“yes”或“no”比“true”或“false”更适合我们的日常语言，并且我们在本例中使用计算属性来实现这一点。</p>
<div id="app">
  <form>
    <p>
      重要的项目？
      <label>
         <input type="checkbox" v-model="chbxVal"> 
         {{ isImportant }}
      </label>
    </p>
  </form>
</div>

</body>
</html>

报个问题: