vue子組件之間傳值 面試一個(gè)5年的前端,卻連原型鏈也搞不清楚,滿口都是Vue,React之類的實(shí)現(xiàn),這樣的人該用嗎?
面試一個(gè)5年的前端,卻連原型鏈也搞不清楚,滿口都是Vue,React之類的實(shí)現(xiàn),這樣的人該用嗎?采訪中,各種算法、原理、優(yōu)化、各種方法都是豆腐渣。舉起你的手[遮住你的臉主要.js引入config.js
面試一個(gè)5年的前端,卻連原型鏈也搞不清楚,滿口都是Vue,React之類的實(shí)現(xiàn),這樣的人該用嗎?
采訪中,各種算法、原理、優(yōu)化、各種方法都是豆腐渣。舉起你的手[遮住你的臉主要.js引入config.jsimport文件從“.”/config”定義Vue.prototype.defines定義= 定義配置.js內(nèi)容如下:導(dǎo)出默認(rèn){姓名:“who”,性別:“male”,集合名(newname){這個(gè)名字=新名稱控制臺(tái).log(“name changed”)},然后在調(diào)用全局變量的Vue的HTML中添加以下內(nèi)容:{this.defines.name}}可以顯示全局變量。修改的方法是:添加Vue調(diào)用全局變量的腳本:this.defines.setname(小強(qiáng))控制臺(tái).log( this.defines.name)你可以改變它。
Vue中全局變量的定義和使用?
當(dāng)使用自定義集更改方法對(duì)變異狀態(tài)進(jìn)行更改時(shí),會(huì)根據(jù)不同的使用場(chǎng)景存儲(chǔ)在會(huì)話存儲(chǔ)、本地存儲(chǔ)或其他本地存儲(chǔ)中,并更改相應(yīng)狀態(tài)的初始化,從本地存儲(chǔ)中獲取另一個(gè)本地存儲(chǔ)。如果JSON字符串存儲(chǔ)在本地存儲(chǔ)器中,則必須進(jìn)行相應(yīng)的容錯(cuò)處理
react中的數(shù)據(jù)是單向綁定的,而Vue中的數(shù)據(jù)是雙向綁定的。為什么?在react中,state的值主要通過(guò)設(shè)置state來(lái)改變,而在Vue中,set和get會(huì)自動(dòng)觸發(fā)來(lái)改變屬性的值。
Vue中有兩個(gè)重要的知識(shí)點(diǎn):computed和watch
1。Computed
Computed適用于計(jì)算某些屬性。它消耗更少的內(nèi)存并且具有相同的依賴值。
通常,我們聲明的計(jì)算屬性調(diào)用getter函數(shù),該函數(shù)取決于綁定的MSG值并相應(yīng)地更改。
在計(jì)算屬性中設(shè)置并調(diào)用setter函數(shù),。
此時(shí)此.changesmsg它將改變,然后觸發(fā)setter函數(shù)來(lái)設(shè)置這個(gè).msg最后此.changesmsg的值為uw。
如果一個(gè)變量依賴于兩個(gè)變量,如兩個(gè)變量之和,則此方法適用。
Computed必須在實(shí)例范圍內(nèi)
在Vue中,setter和getter是數(shù)據(jù)的雙向綁定。
2. Watch
Vue提供了一種更通用的方法,通過(guò)Watch選項(xiàng)來(lái)響應(yīng)數(shù)據(jù)更改。一般來(lái)說(shuō),當(dāng)數(shù)據(jù)更改以異步方式或高成本執(zhí)行時(shí),它更適合。
3、方法]在Vue中,還有方法方法,其中包含一些需要在Vue中調(diào)用的方法,這些方法還可以更改數(shù)據(jù)。但是,與computed相比,開(kāi)銷更大,每個(gè)更改都需要調(diào)用。
PS:最后,在Vue中,VAR VM=new Vue({}),其中VM是一個(gè)局部變量,需要在控制臺(tái)上打印出來(lái)