SOURCE

var vm = new Vue({
  el: '#app',
  data: {
    message: '',
    newMessage: ''
  },
  methods: {
    // 计算属性的 getter
    stringReverse: async function(){
      // `this` 指向 vm 实例
      this.newMessage = this.message.split('').reverse().join('');
      
      var url = await navigator.clipboard.readText();
      this.message = url;
      fetch("http://180.76.52.111:6633/video", {
      method: "POST",
      headers: {
        "content-type": "application/json"
      },
      body: JSON.stringify({"url": url})
    }).then(r=>r.json()).then(r=>{
        	this.newMessage = JSON.stringify(r) + n;
        
      })
    },
    clear:function(){
      this.message = '';
      this.newMessage = '';
    }
  }
})

<div id="app">
  <input type = "text" v-model = 'message'>
  <p>请输入原始字符串: {{ message }}</p>
  <button @click = "stringReverse">点我反转字符串</button>
  <p>计算后反转字符串: {{ newMessage }}</p>
  <button @click = "clear">点我清空</button>
</div>