单元检测

浏览 104

课文

这部分内容是第一单元的单元检测。

通过完成下面的任务来测试您的学习成果。

问题

定义一个函数 getNumWords(sentence),将一段话 ( string 类型) 作为参数并返回这段话中的单词数。

在下面提供的 Vue.js 代码中完成该函数,并按照提示在第 6 行显示输出。

样本输入:

getNumWords('I am a sentence')

示例输出:

4

正如所见,以下句子中有四个词:“I am a sentence”。

**注意:**下面提供了挑战的解决方案,但建议在参考解决方案之前先解决它。

new Vue({
  el: '#app',
  template:
  `<div>
    <h1> 任务:完成 Vue 应用 </h1>
    <p> 这句话的单词数量 : _____ </p>
  </div>
  `,
  // 在这里定义 'getNumWords(sentence)' 函数
})

提示:可以通过用空格分割句子串来统计单词。

答案

该函数 getNumWords(sentence) 应该在实例的 methods 属性中定义,Vue 并且可以使用 mustache ( {{}}) 符号从模板调用,如下所示:

new Vue({
  el: '#app',
  template:
  `<div>
    <h1> 任务:完成 Vue 应用 </h1>
    <p> 这句话的单词数量 : {{ getNumWords('I am a sentence') }} </p>
  </div>
  `,
  // 在这里定义 'getNumWords(sentence)' 函数
  methods: {
    getNumWords(sentence) {
      return sentence.split(' ').length
    }
  }
})

评论

登录参与讨论

暂无评论

共 0 条
  • 1
前往
  • 1