您現在的位置是：首頁 > 遊戲
Vue前端最新面試題（三）
圖片怎麼轉換成url
DOM 事件有哪些階段？談談對事件代理的理解
分為三大階段：捕獲階段——目標階段——冒泡階段
事件代理簡單說就是：事件不直接繫結到某元素上，而是繫結到該元素的父元素上，進行觸發事件操作時（例如‘click’），再透過條件判斷，執行事件觸發後的語句（例如‘alert（e。target。innerHTML）’）
好處：
（1）
使程式碼更簡潔；
（2）
節省記憶體開銷
1。什麼是元件
js元件就是把一系列的功能封裝起來，包裝成一個物件。比如一個表格元件，一個表單元件等等。一個元件必然包含了某種特定的職能，目的在於可以複用。
2。元件分類和使用
元件分為全域性元件和區域性元件。
全域性元件使用：1。定義 2。使用
區域性元件使用有三步：1。定義 2。註冊 3。使用
全域性元件
Vue。component（“my-nav”， {
template： “
- {{item}}
// 自定義元件裡面的資料一定要寫成data函式並且有return 返回物件。
data（） {
return {
arr： ［1， 2， 3， 4， 5， 6］
}
}
}）；
1
區域性元件的使用：
//定義元件
let search = {
template：‘
}；
let vm = new Vue（{
el：‘#app’，
data：{
}，
//第二步 註冊元件
components：{
search
}
}）
<！——第三步，使用元件——>
3。元件
巢狀
巢狀規則，子元件要在父元件上註冊，父元件要到Vue例項上去註冊。
例如：
let grandson = {
template： ‘
}；
//grandson 元件要到父元件上註冊
let son = {
template：‘
components：{
grandson，
}
}；
let vm = new Vue（{
el：‘#app’，
data：{}，
components：{
//son元件到到vm上去註冊
son，
}
}）
4。父元件向子元件傳遞訊息
方法：props
let son = {
template：‘
props：［‘money’］
}；
let father = {
template：‘
components：{
son
}，
data（）{
return {m：500}
}
}；
let vm = new Vue（{
el：‘#app’，
data：{
}，
components：{father}
}）
5。子元件向父元件傳遞訊息
方法 $emit
let son = {
props：［‘money’］，
template：‘
methods：{
getmore（）{
this。$emit（‘more’，1000）；
}
}，
}
let father = {
template：‘
data（）{
return {
m：500
}
}，
methods：{
givemore（val）{
this。m = val；
}
}，
components：{
son
}
}
let vm = new Vue（{
el：‘#app’，
data：{
}，
components：{
father
}
}）
目錄結構
www：整個專案的根目錄
order-www：訂單模組根目錄
config：配置目錄
src：開發人員開發的目錄
api：呼叫ajax的相關js
components：頁面相關元件目錄
router：路由目錄
store：存放store目錄
main。js：入口js
1、vue中 this。A = this。B會改變B的值怎麼辦
原因：這是一個引用傳遞而不是值傳遞，A、B指向的是同一個記憶體地址
解決辦法：this。A = JSON。parse（JSON，stringify（this。B））（B轉換成字串，然後在轉換成物件 ）
1、如何獲取dom？
答：ref=“domName” 用法：this。$refs。domName
2、說出幾種vue當中的指令和它的用法？
答：v-model雙向資料繫結；v-for迴圈 key值——給每個節點做一個唯一標識，Diff演算法就可以正確的識別此節點，找到正確的位置區插入新的節點，高效的更新虛擬dom；
v-if v-show 顯示與隱藏；
v-on事件；v-once： 只繫結一次。
3、如何讓CSS只在當前元件中起作用？