Vue的一些相關面試題

一、Vue建立專案的指令是什麼

1.使用的官方cli腳手架，如果是低於3.0的版本，使用npm init

2. cli的版本大於3.0的使用vue create

3.可以使用vite直接搭建專案，命令為npm init vite@latest,根據提示，一步一步操作就好 參考連結Getting Started | Vite Vue CLI

二、VUE元件如何與iframe通訊問題

像這種問題其實問的不是特別詳情，面試者可能不懂題目的意思，但是我們要學會揣摩，面試官的問題，如果不知道，你就直說vue的元件通訊。

在講iframe的頁面獲取v, vue元件內嵌一-個iframe, 現在想要在iframe內獲取父元件內資訊，採用的是H5新特性;

PostMessage來解決跨域問題，採用postMessage內涵兩個API；

onMessage:訊息監聽；

postMessage:訊息傳送,程式碼和例子。

三、說說vue動態許可權繫結渲染列表(許可權列表渲染)

1.首先請求伺服器，獲取當前使用者的許可權資料比如請求this. $http get("ights/list")；

2.獲取到許可權資料之後，在列表中使用v-if v-if- else的組合來展示不同的內容、首頁、許可權管理、許可權列表、一級、二級、三級。

四、Vue用的哪種設計模式

屬於釋出訂閱模式，在vue中使用observer和definereactive兩個方法的結合對資料進行遞迴劫持

然後透過watch這個類來對屬性進行訂閱，Dep類用於解耦合。

當資料變更的時候先觸發資料的set方法，然後呼叫Dep.notify通知檢視更新。

五、用過VUE的自定義指令嗎?自定義指令的方法有哪些

這種問題一樣的。

先回答經常用的一些指令, 比如v-for v-if v-model v-show等等之類的,指令分為全域性和區域性的，然後在回答自定義指令，透過directive來自定義指令。

自定義指令分為全域性指令和區域性指令，自定義指令也有幾個的鉤子函式，常用的有bind和update，當bind 和update時觸發相同行為，而不關心其它的鉤子時可以簡寫。

一個表示式可以使用多個過濾器。過濾器之間需要用管道符"”隔開。其執行順序從左往右。

前端面試題wap.mobiletrain.org/interview/html5/