[JavaScript知识库]Vue中的翻转世界的案例

  <div id="app">
    <h1>{{ zs}}</h1>
    <button @click="btn">翻转</button>
  </div>

  <script>
    const app = new Vue({
      el: '#app',
      data: {
        zs: 'a1a2afa2'
      },
      methods: {
        btn() {
          // alert('11')
          // var arr = this.zs.split('');
          // // console.log(arr);
          // var arr1 = arr.reverse();
          // console.log(arr1);
          // this.zs = arr1.join('')
          this.zs = this.zs.split('').reverse().join('')
        }

      }
    })
  </script>

? 思路解析：

给按钮绑定点击事件，先转 split（）换成数组，然后利用reverse（）方法翻转数组，在利用join方法转换成字符串? 复制给?this.zs 变量

?this.zs = this.zs.split('').reverse().join('')