<template>
<div id="HelloWorldApp">
<p>{{ message }}</p>
  <button v-on:click="reverseMessage">Обратить порядок букв в сообщении</button>
</template>

<script>
	var msg = " test message"

	export default {
		name: "HelloWorldApp",
		methods: {
   			reverseMessage: function () {
   				console.log("reverseMessage")
		      	msg = msg.split('').reverse().join('')
		    }
		},
		data() {
			console.log("data func");
			return {
    		message: msg
    		}
 		}
	}

</script>

<style type="text/css">

</style>