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()
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步