这是在爬vue官方的坑。
一、处理用户输入
<div id="app-5">
<p>{{message}}</p>
<button v-on:click='reverseMessage">Reverse Message</button>
</div>
var app5=new Vue({
el:'#app-5',
data:{
message:'Hello Vue.js!'
},
methods:{
reverseMessage:function(){
this.message = this.message.split('').reverse().join('');
}
}
});
这里面,split('a')是通过括号内的字符串分隔对象，把一个字符串分割成字符串数组。返回值是一个字符串数组。该数组是通过在a指定的边界处将字符串对象分割成字符串创建而成的，返回的数组不包括a本身。若a为空字符串，则分割成单独的字符串。
eg: var a="shi shi le ni";
a.split('');//a=['s','h','i',' ','s','h','i',' ','l','e',' ','n','i'],a变成数组了。
var b="1a1b1c";
b.split('1');//b=['a','b','c'];返回的字符串里不包括split里的参数。
reverse()方法:将指定的数组里成员值和序号反过来排列。
join()方法与split()是完全相反的方法，join():将数组对象合并成一个字符串对象。
即，String.split() Array.join()