Nuxt.jsでmethodsを利用したい

Question

現在、Nuxt.jsの学習をしており
methodsを利用しボタンをクリックした際にメッセージが反転するように実装したいです。

Vue.jsと違いNuxt.jsの場合は
revarseは関数ではないとエラーが出る理由がわかりません。

発生している問題・エラーメッセージ

this.message.revarse is not a function
An error occurred while rendering the page. Check developer tools console for details.```

該当のソースコード

<template>
  <section class="container">
    <div class="id">
      <p>{{ message }}</p>
      <button @click="revarseMessage">反転するよ！</button>
    </div>
  </section>
</template>

<script>
export default {
  components: {},
  data() {
   return {
      message: 'Hello world!!',
    }
  },
  methods: {
    revarseMessage() {
      this.message = this.message.split(' ').revarse().join(' ')
    },
  },
}
</script>

試したこと

• 関数名の変更
• thisの削除
• revarseの削除

Answer 1

reverseのスペルが間違っています。
Vueでも動かないと思いますが・・・

Comments

[daiki-6cats]

ありがとうございます????スペルミスをしておりました。
大変失礼しました。