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

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

问题

定义一个函数 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
    }
  }
})