- 數(shù)組的join()
用法：把數(shù)組的所有元素拼接起來(lái)成一個(gè)新的字符串，默認(rèn)中間用逗號(hào)連接仲墨，你也可以指定其他字符
var elements = ["fire","wind","rain"]
elements.join() // "fire,wind,rain"
elements.join('') // "firewindrain"
elements.join('-') // "fire-wind-rain"
- 計(jì)算屬性還是屬性勾缭，在 {{ }} 內(nèi)使用的時(shí)候不需要加圓括號(hào)。而method需要加圓括號(hào)
<div>通過(guò)computed返回的時(shí)間戳： {{timeByComputed}}</div>
<div>通過(guò)methods返回的時(shí)間戳: {{timeByMethods()}}</div>
- 計(jì)算屬性不僅依賴計(jì)算屬性目养，還可依賴其他實(shí)例的屬性俩由。
var app2 = new Vue({
data: {
msg: 'hhhhh'
}
})
var app1 = new vue({
.......
computed: {
messages: function () {
return app2.msg // 可以使用其他實(shí)例的屬性
}
}
})
- 計(jì)算屬性默認(rèn)都有g(shù)et方法和set方法。當(dāng)數(shù)據(jù)改變時(shí)混稽，默認(rèn)調(diào)用set方法
fullname: function(){
return this.firstname + '-' + this.lastname
}
fullname: {
get: function(){
return this.firstname + '-' + this.lastname
},
set: function (value) {
var nameString = value.split('-')
this.firstname = nameString[0]
this.lastname = nameString[1]
}
}
app1.fullname = 'Jay-Chou' // 此時(shí)會(huì)調(diào)用set方法
| 區(qū)別 |
computed |
methods |
| 需要加括號(hào)嗎 |
不需要 |
在{{}}內(nèi)需要采驻，在監(jiān)聽(tīng)事件調(diào)用method的時(shí)候不需要 |
| 值怎么改變 |
依賴的數(shù)據(jù)變化我才變化 |
頁(yè)面每渲染一次就重新執(zhí)行 |
| 其他 |
計(jì)算屬性默認(rèn)都有g(shù)et方法和set方法。當(dāng)數(shù)據(jù)改變時(shí)匈勋，默認(rèn)調(diào)用set方法 |
| 總結(jié) |
如果你想使用緩存應(yīng)該使用計(jì)算屬性 |
