vue苦逼自学之路

这是在爬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()