methods: {
reverseMessage: function () {
this.message = this.message.split('').reverse().join('')
1、splite(' ')可以将字符串按某个字符或者其他分割。返回数组。
2、reverse()该方法会改变原来的数组,而不会创建新的数组。此函数可以将数组倒序排列。
3、join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。指定分隔方法join(' ');
Java自学的网站(Java全栈工程师 | 以实例驱动学习 | how2j.cn)
在使用vue一个多礼拜后,感觉现在还停留在初级阶段,虽然知道怎么和后端做数据交互,但是对于mounted这个挂载还不是很清楚的。放大之,对vue的生命周期不甚了解。只知道简单的使用,而不知道为什么,这对后面的踩坑是相当不利的。
因为我们有时候会在几个钩子函数里做一些事情,什么时候做,在哪个函数里做,我们不清楚。
于是我开始先去搜索,发现vue2.0的生命周期没啥文章。大多是1.0的版本介绍。最后还是找到一篇不错的(会放在最后)
vue生命周期简介
咱们从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了。
生命周期探究
对于执行顺序和什么时候执行,看上面两个图基本
message.split(’’).reverse().join(’’)
split()方法:把字符串分割成字符串组
reverse()方法:颠倒数组中元素的顺序
join()方法:把数组中的所有元素放入一个字符串
今天使用节流函数的时候遇见了一个问题,搞了半天才找到原因,所以在这里做个总结。
节流函数
浏览器的一些事件,如:resize,scroll,mousemove等。这些事件触发频率太过频繁,绑定在这些事件上的回调函数会不停的被调用,加重浏览器的负担,导致用户体验非常糟糕。所以先贤们发明了节流函数,简单版本如下:
function throttle (f, wait = 200) {
let last = 0
return function (...args) {
let now = Date.now()
if (now - last > wait) {
last = now
只作用于数组,跟在split('')后才能起作用,在一个字符串后面不起作用,如message.reverse()
3、join('') 把数组中的所有元素放入一个字符串
所以,message.split('').reverse().join('') 意思是把字符串翻转重组成字符串
hello→olleh
Java自学的网站(Java全栈工程师 | 以实例驱动学习 | how2j.cn)Html<div id="app-5">
<p>{{ message }}</p>
<button v-on:click="reverseMessage">逆转消息</button>
</div>Vue.jsvar app5 = new ...
在后端有许多的封装方法来截取字符串或者对字符串的操作,同样前端也有相应的方法。有一个data数据为ipaddrdata() {return {ipaddr: "192.168.100.110",};},1、现在需要切割成一个数组,得到四个ip值,只需要通过计算属性就可以实现computed:{ipaddrArray:function(){return this.ipaddr.split('.')}...
width="180">
<template slot-scope="scope">
<div v-for="item in companyCut(scope.row.role_name)" :key='item'>