AES demo with vuejs

AES demo

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/aes.js"></script>
<div id="app">
  Message: <input type="text" v-model="message" lazy >
  encryptsecret: <input type="text" v-model="encryptsecret" >
  decryptsecret: <input type="text" v-model="decryptsecret" lazy>
  <button @click="encrypt2">
   test
  </button>
  
  {{result}}
</div>

JavaScript

var cryptobject;

new Vue({
  el: '#app',
  data: {
    message: '',
    encryptsecret: '2B9E-LN60-UMEA-2H1S',
    encrypted: false,
    decryptsecret: '2B9E-LN60-UMEA-2H1S',
    iv: '2B9E-LN60-UMEA-2H1S',
    result : ''
  },
  computed: {

  },
  methods: {
  	encrypt2 : function () {

            var key = CryptoJS.enc.Hex.parse(this.encryptsecret);
            var iv  = CryptoJS.enc.Hex.parse(this.iv);
            var text = this.message;
						
            var result = CryptoJS.AES.encrypt(text, key, {iv:iv, mode: CryptoJS.mode.CFB})
						
            this.result = 'dd';       
 						alert(this.result);
                 
      }
  }})