Vue.js 如何在clik button vue js上反转消息

我想在点击按钮后保留段落 保留段显示在第二段中 对于我的情况是我必须使用模板吗？ 这是我的密码

<div id="example">
        <p>Original Message: "{{ message }}"</p>
        <p id="pReserve"></p>
        <button @click="reserve">Reserve</button>
    </div>    

    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.0"></script>
    <script>
        Vue.component('coba',{

        });
       var vm = new Vue({
        el: '#example',
        data: {
            message: 'Hai'
        },
        computed: {
            // a computed getter
            reversedMessage: function () {
            // `this` mengarah ke instance vm
            return this.message .split('').reverse().join('')
            }
        },
        methods: {
            reserve:{

            }
        },
        })

    </script>

原始消息：“{{Message}}”


储备
Vue.组件（“coba”{
});
var vm=新的Vue({
el:“#示例”，
数据：{
信息：“海”
},
计算：{
//计算吸气剂
反向消息：函数（）{
//'这是'门加拉克'
返回此.message.split（“”）.reverse（）.join（“”）
}
},
方法：{
储备：{
}
},
})

以下是解决方案

var vm=new Vue({
el:“#示例”，
数据：{
信息：“海”
},
方法：{
反向消息：函数（）{
this.message=this.message.split（“”）.reverse（）.join（“”）；
}
},
});

原始消息：“{{Message}}”


储备
您从不在任何地方使用
反向消息
。。。在你的问题和代码中，你可以在
保留
和
反向
之间交替选择。。。这两个词有不同的意思：p