懶加載
const Index = () => import('@/components/Index')
<img :src="require('@/assets/img/jh2k15.jpg')">
<img src="~@/assets/head.png" alt="">
login () {
this.$router.push({
path: '/login'
})
}
icon-svg
<span :class="{pingpai:item.type===2,xindian:item.type===1,hide:item.type===0}">{{item.type===1?"新店":"品牌"}}</span>
<i class="starItem" :class="{half:(score<1 && score> 0),zero:(score <= 0)}"></i>
{{"df"+"df"}}
vertical-align
template:'
<li></li>
'
props:{
}
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=2.0">
<link rel="shortcut icon" href="/favicon.ico">
這又是this的套路了..this是和當(dāng)前運(yùn)行的上下文綁定的...
一般你在axios或者其他 promise , 或者setInterval 這些默認(rèn)都是指向最外層的全局鉤子.
簡(jiǎn)單點(diǎn)說(shuō):"最外層的上下文就是 window,vue內(nèi)則是 Vue 對(duì)象而不是實(shí)例!";
解決方案:
暫存法: 函數(shù)內(nèi)先緩存 this , let that = this;(let是 es6, es5用 var)
箭頭函數(shù): 會(huì)強(qiáng)行關(guān)聯(lián)當(dāng)前運(yùn)行區(qū)域?yàn)?this 的上下文;
父組件可以直接調(diào)用子組件的方法么!
可以,通過(guò)$refs或者$chilren來(lái)拿到對(duì)應(yīng)的實(shí)例
Q: 組件的通訊有哪幾種啊!!!
基本最常用的是這三種;
父?jìng)髯? props
子傳父: emit
兄弟通訊:
event bus: 就是找一個(gè)中間組件來(lái)作為信息傳遞中介
vuex: 信息樹(shù)
npm i -S xxxx // npm install --save xxxx
npm i -D xxxx // npm install --save-dev xxxx
Progressive Web Apps (下文以“PWA
