处理用户输入 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div id="app-5">
        <p>{{message}}</p>
        <button v-on:click="obj">逆转消息</button>
    </div>
    
</body>
<script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript">
    new Vue({
        el:"#app-5",
        data:{
            message:"沈鑫我老公，我是她老婆大人"
        },
        methods:{
            obj:function(){
                this.message=this.message.split('').reverse().join('')
            }
            //split() 方法用于把一个字符串分割成字符串数组。
            //reverse() 方法用于颠倒数组中元素的顺序。
            //join() 方法用于把数组中的所有元素放入一个字符串。
        }
    })
</script>
</html>

 

posted @ 2017-09-13 18:31  Jinsuo  阅读(150)  评论(0)    收藏  举报