Vue 字符串反转

分类: IT文章 • 2023-03-10 11:32:07

<div id="app">
            <p>{{hello}}</p>
            <button @click="click">反转信息</button>
        </div>

<p>标签内写内容(反转内容)；

<button>按钮，写一个点击事件

<script>
            new Vue({
                el:"#app",
                data:{
                    hello:'我不怕你不怕我'
                },
                methods:{
                    click:function(){
                        this.hello=this.hello.split('').reverse().join('')  //将字符进行反转；
                    }
                }
            })
        </script>

Vue 字符串反转

相关推荐