剛學不久，有事請教

data 出來是這樣
data = {"message":"hello","name":"peter","age":"30"}
怎樣才可把DATA 放進去TEXTAREA??

<!-- import CSS -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- import JavaScript -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

{% verbatim %}

<div id="div1">
        <el-input type="textarea" :rows="2" placeholder="Please input" v-model="principal_message"></el-input>
        <el-button @click="save">save</el-button>
    </div>
</div>

<script>
    new Vue({
        el: "#div1",
        data() {
            return {
                activeName: 'first',
                tableData: [],
                input: '',
                principal_message: '',
                data: [{"message":"hello","name":"peter","age":"30"}],

            }
        },
        async created() {
            let { data } = await this.$http.get(window.location.pathname + "/getData");
            // data = {"message":"hello","name":"peter","age":"30"}
        },
        methods: {
            save() {
                this.$http.post("", this.data);
                console.log(this.data);
            }
        }
    });
</script>
{% endverbatim %}