vue 点击按钮让字符串 ‘Hello,World’ 翻转

原创已于 2022-06-17 00:47:36 修改 · 769 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript

于 2022-06-17 00:45:51 首次发布

<template>
  <div>
    {{message}}
    <button @click="reverseBtn">点击翻转</button>
  </div>
</template>
<script>
export default {
  name: 'home-container',
  data () {
    return {
      message: 'hello,world'
    }
  },
  methods: {
    reverseBtn() {
      const str1 = this.message.split('').reverse().join('')
      this.message = str1
    }
  }
}
</script>
<style>
</style>