-
v-on:click 可以簡(jiǎn)寫為 @click
查看全部 -
v-bind:class="{xxxx: true/false, yyyy: true/false}"
class綁定的是一個(gè)對(duì)象。
查看全部 -
箭頭函數(shù)沒(méi)有作用域,this依然指向vue對(duì)象。如果是function,this會(huì)指向function自身。
this.axios.get("").then(() => {
????this.xxx; // this的指向沒(méi)有變
});
查看全部 -
v-bind:key,key用于緩存標(biāo)簽組件,提高性能。
查看全部 -
mastache語(yǔ)法只可以放在標(biāo)簽內(nèi),不可以直接放在屬性里,例如:
img src="{{url}}"這是錯(cuò)誤的,這樣用v-bind綁定才可以使用
mastache語(yǔ)法是可以用表達(dá)式,也可以使用methods中的方法 語(yǔ)法為:{{getclass()}}
查看全部 -
在VSCode中,Ctrl?+?Shift?+?P?呼出命令面板?
Command Palette查看全部 -
export?default{ name:'xxxxxxx' }vue中組件name的作用:https://zhuanlan.zhihu.com/p/225164488?utm_source=wechat_session
1、項(xiàng)目中有用到keep-alive時(shí),name可以用作include和exclude的值。
2、遞歸組件。
3、vue-tools調(diào)試。
查看全部 -
pubilc文件夾屬于根目錄,存放全局靜態(tài)資源,訪問(wèn)相關(guān)資源用絕對(duì)路徑【/】直接訪問(wèn)。
訪問(wèn)其他文件夾使用相對(duì)路徑的訪問(wèn)方式【./】。
查看全部 -
SPA項(xiàng)目=單頁(yè)應(yīng)用 Single Page Application
查看全部 -
vue生命周期:
1、初始化
-new Vue()
-初始化內(nèi)置的事件(click等事件)和生命周期鉤子函數(shù)
……beforeCreate
-初始化默認(rèn)事件綁定(click等事件)和數(shù)據(jù)變量監(jiān)聽(tīng)
……created
-是否有el對(duì)象(#app)
-是否有template對(duì)象
-通過(guò)loader編譯模板和指令
……beforeMount
-將虛擬dom的內(nèi)容插入到真實(shí)dom中并進(jìn)行渲染,并將$el掛載到vm上
……mounted
2、更新數(shù)據(jù)
-數(shù)據(jù)發(fā)生變化
……beforeUpdate
-對(duì)比虛擬dom,生成patch并將差異存入,用patch重新渲染真實(shí)dom
……updated
3、刪除
-調(diào)用vm.$destory()
……beforeDestory
-卸載觀察器、子組件以及事件監(jiān)聽(tīng)器
……destoryed
查看全部 -
data:{}? // 全局變量
data(){return {name:"test"};} // 局部變量
查看全部 -
vue是組件,而不是頁(yè)面。
一個(gè)頁(yè)面包含很多vue組件。
一個(gè)大的vue組件也可以包含很多小的vue組件,每個(gè)組件都有自己?jiǎn)为?dú)的生命周期。
查看全部
舉報(bào)