1,js数组与字符串的相互转换
数组转字符串:arr = [1234];
arr.join('-') //'1-2-3-4'
字符串转数组:str = abc,bcd,ee;
str.split(',') //['abc','bcd','ee']
2,每一分钟保存一次
autosaveFn = setInterval(tiemer, 60000); tiemer = save();
3,伪类
项目中为active的tab标签增加蓝色下划线
:after{ content: ' ' ;display: 'block';background: 'blue';height: '2px';left: '0'; right: '0'}
4,keep-alive
1.结合router缓存需要缓存的页面
<keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive>
routes: [ { path: '/', name: 'Hello', component: Hello, meta: { keepAlive: false // 不需要缓存 } } ]
2.使用<keep-alive>会将数据保留在内存中,如果要在每次进入页面的时候获取最新的数据,需要在activated阶段获取数据,承担原来created钩子中获取数据的任务。
被包含在 <keep-alive> 中创建的组件,会多出两个生命周期的钩子: activated 与 deactivated
activated:在组件被激活时调用,在组件第一次渲染时也会被调用,之后每次keep-alive激活时被调用。
deactivated:在组件被停用时调用。
created>mounted>activated
5,鼠标经过hover内容
title属性
6,子组件修改父组件数据
1,this.$emit('methodname', params)
2, 直接在父组件需要传递给子组件的属性后面加上.sync
父组件: :word.sync = "word"
子组件: this.$emit('update: word', newval)
7,input输入框禁用
disabled="disabled"
8,vue给对象增加多个属性
this.user = Object.assign( {}, this.user, { tel: 18888888888, sex: 'Y' })
9,日期格式转化
var mydate = new Date();
mydate.getFullYear() ;
mydate.getMonth() ; //0-11 0代表1月
mydate.getDate() ; //1-31当前日
10,判断数组是否为空
不能arr === []
,应该用length arr.length === 0
11,CSS画红点
<i class="tip"></i>
.tip {
display:block;
background:#f00;
border-radius:50%;
width:8px;
height:8px;
top:0px;
right:0px;
position:absolute;
}