正确

练习:

编写缺失的代码，使得在单击<div>标记时调用'writeText'方法。

<div id="app"> <p>click on the box below:</p> <div v-on:click="writeText"> {{ text }} </div> </div> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> <script> const app = Vue.createApp({ data() { return { text: '' } }, methods: { writeText() { this.text = 'Hello World!' } } }) app.mount('#app') </script>

<div id="app"> <p>click on the box below:</p> <div v-on:click='writeText'> {{ text }} </div> </div> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> <script> const app = Vue.createApp({ data() { return { text: '' } }, methods: { writeText() { this.text = 'Hello World!' } } }) app.mount('#app') </script>

<div id="app"> <p>click on the box below:</p> <div @:click='writeText'> {{ text }} </div> </div> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> <script> const app = Vue.createApp({ data() { return { text: '' } }, methods: { writeText() { this.text = 'Hello World!' } } }) app.mount('#app') </script>

<div id="app"> <p>click on the box below:</p> <div @:click="writeText"> {{ text }} </div> </div> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> <script> const app = Vue.createApp({ data() { return { text: '' } }, methods: { writeText() { this.text = 'Hello World!' } } }) app.mount('#app') </script>

不正确

点击此处重试

正确

下一题 ❯

<div id="app">
  <p>click on the box below:</p>
  <div w3exercise_input_no_0
=w3exercise_input_no_1
>
    {{ text }}
  </div>
</div>

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
  const app = Vue.createApp({
    data() {
      return {
        text: ''
      }
    },
    w3exercise_input_no_2
: {
      writeText() {
        this.w3exercise_input_no_3
 = 'Hello World!'
      }
    }
  })
  app.mount('#app')
</script>