正确

练习:

提供正确的代码，以便在屏幕上显示“isImportant”计算属性。

<div id="app"> <form> <p> Important item? <label> <input type="checkbox" v-model="chbxVal"> {{ isImportant }} </label> </p> </form> </div> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> <script> const app = Vue.createApp({ data() { return { chbxVal: false } }, computed: { isImportant() { if(this.chbxVal){ return 'yes' } else { return 'no' } } } }) app.mount('#app') </script>

<div id="app"> <form> <p> Important item? <label> <input type="checkbox" v-model="chbxVal"> {{isImportant}} </label> </p> </form> </div> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> <script> const app = Vue.createApp({ data() { return { chbxVal: false } }, computed: { isImportant() { if(this.chbxVal){ return 'yes' } else { return 'no' } } } }) app.mount('#app') </script>

不正确

点击此处重试

正确

下一题 ❯

<div id="app">
  <form>
    <p>
      Important item?
      <label>
         <input type="checkbox" v-model="chbxVal"> 
         w3exercise_input_no_0

      </label>
    </p>
  </form>
</div>

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
  const app = Vue.createApp({
    data() {
      return {
        chbxVal: false
      }
    },
    w3exercise_input_no_1
: {
      isImportant() {
        if(this.chbxVal){
          return 'yes'
        }
        else {
          return 'no'
        }
      }
    }
  })
 app.mount('#app')
</script>