vue常見面試題(3)

1.什么是vue的計算屬性computed

計算屬性是需要復雜的邏輯,可以用方法method代替

2.vue-cli提供的幾種腳手架模板

vue-cli 的腳手架項目模板有browserify 和 webpack;

3.組件中傳遞數(shù)據(jù)?

4.vue-router實現(xiàn)路由懶加載( 動態(tài)加載路由 )

5.vue-router 的導航鉤子,主要用來作用是攔截導航,讓他完成跳轉(zhuǎn)或取消

6.完整的 vue-router 導航解析流程

7.vue-router如何響應 路由參數(shù) 的變化?

原來的組件實例會被復用。這也意味著組件的生命周期鉤子不會再被調(diào)用。你可以簡單地 watch (監(jiān)測變化) $route 對象:

8.vue-router的幾種實例方法以及參數(shù)傳遞

name傳遞

to來傳遞

采用url傳參

9.is的用法(用于動態(tài)組件且基于 DOM 內(nèi)模板的限制來工作。)

is用來動態(tài)切換組件,DOM模板解析

<table><tris="my-row"></tr> </table>

10.vuex是什么?怎么使用?哪種功能場景使用它?

是什么:vue框架中狀態(tài)管理:有五種,分別是 State、 Getter、Mutation 、Action、 Module

使用:新建一個目錄store,

場景:單頁應用中,組件之間的狀態(tài)。音樂播放、登錄狀態(tài)、加入購物車

vuex的State特性

A、Vuex就是一個倉庫,倉庫里面放了很多對象。其中state就是數(shù)據(jù)源存放地,對應于一般Vue對象里面的data

B、state里面存放的數(shù)據(jù)是響應式的,Vue組件從store中讀取數(shù)據(jù),若是store中的數(shù)據(jù)發(fā)生改變,依賴這個數(shù)據(jù)的組件也會發(fā)生更新

C、它通過mapState把全局的state和getters映射到當前組件的computed計算屬性中

vuex的Getter特性

A、getters可以對State進行計算操作,它就是Store的計算屬性

B、雖然在組件內(nèi)也可以做計算屬性,但是getters可以在多組件之間復用

C、如果一個狀態(tài)只在一個組件內(nèi)使用,是可以不用getters

vuex的Mutation特性

改變store中state狀態(tài)的唯一方法就是提交mutation,就很類似事件。每個mutation都有一個字符串類型的事件類型和一個回調(diào)函數(shù),我們需要改變state的值就要在回調(diào)函數(shù)中改變。我們要執(zhí)行這個回調(diào)函數(shù),那么我們需要執(zhí)行一個相應的調(diào)用方法:store.commit。

Action類似于mutation,不同在于:Action提交的是mutation,而不是直接變更狀態(tài);Action可以包含任意異步操作,Action函數(shù)接受一個與store實例具有相同方法和屬性的context對象,因此你可以調(diào)用context.commit提交一個mutation,或者通過context.state和context.getters來獲取state和getters。Action通過store.dispatch方法觸發(fā):eg。store.dispatch('increment')

vuex的module特性Module其實只是解決了當state中很復雜臃腫的時候,module可以將store分割成模塊,每個模塊中擁有自己的state、mutation、action和getter

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容