underdogbytes/vueChangeTextWithButton

## vueChangeTextWithButton
<!DOCTYPE html>
<html>
    <head>
        <title>Welcome to Little Vue Store!</title>

        <!-- vue cdn -->
        <script src="https://unpkg.com/vue/dist/vue.js"></script>
    </head>
    <body>
        <div id="app">
            <p>{{ text }}</p>
            <button v-on:click="text = 'New Text'">Change Text</button>

            <p>{{ textToChangeWithMethod }}</p>
            <button v-on:click="changeTitle()">Change title using a method</button>
        </div>
        <script>
            new Vue({
                el: '#app',
                data: {
                    text: "I'm a text that will be changed directly",
                    textToChangeWithMethod: "I'm a text that will be changed using a method :)"
                },
                methods: {
                    changeTitle(){
                        this.textToChangeWithMethod = 'Changed text using a method'
                    }
                }
            });
        </script>
    </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Welcome to Little Vue Store!</title>

	<!-- vue cdn -->
	<script src="https://unpkg.com/vue/dist/vue.js"></script>
	</head>
	<body>
	<div id="app">
	<p>{{ text }}</p>
	<button v-on:click="text = 'New Text'">Change Text</button>

	<p>{{ textToChangeWithMethod }}</p>
	<button v-on:click="changeTitle()">Change title using a method</button>
	</div>
	<script>
	new Vue({
	el: '#app',
	data: {
	text: "I'm a text that will be changed directly",
	textToChangeWithMethod: "I'm a text that will be changed using a method :)"
	},
	methods: {
	changeTitle(){
	this.textToChangeWithMethod = 'Changed text using a method'
	}
	}
	});
	</script>
	</body>
	</html>