JSFiddle - React, Tailwind, and code Playground

by eagle sum

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.3/vue.js"></script>
<div id="show">
    <p>{{ name }}</p>
    <input type="button" value="變大寫吧" v-on:click="bigString()">
</div>

JavaScript

new Vue({
        el: '#show',
        data: {
            name: 'eagle'
        },
        methods: {
            bigString: function () {
                this.name = this.name.toUpperCase();
            }
        }
    })