04 vue消息訂閱與發布(Vue面試題集錦)

對象，如：next((vm) => { })，參數vm就是組件的實例化對象。

缺點：

優點：

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

vue-cli提供的腳手架模板有browserify和webpack。

① 是什么？

Vue框架中的狀態管理，分別是State、Getter、Mutation、Action、Mole。

② 怎么使用？

新建一個目錄store。

③ 功能場景？

單頁應用中，組件之間的狀態。音樂播放、登錄狀態、加入購物車等。

④ vuex的狀態：

a. State特性：vuex就是一個倉庫，倉庫里面放了很多對象，其中state就是數據源存放地，對應于一般Vue對象里面的data。state里面存放的數據是響應式的，Vue組件從store中讀取數據，若是store中的數據發生改變，依賴這個數據的組件也會發生更新。它通過mapState把全局的state和getters映射到當前組件的買粉絲puted計算屬性中。

b. Getter特性：getters可以對State進行計算操作，它就是store的計算屬性。雖然在組件內可以做計算屬性，但是getters可以在多組件之間復用。如果一個狀態只在一個組件內使用，可以不用getters。

c. Mutation特性：改變store中state狀態的唯一方法就是提交mutation，每個mutation都有一個字符串類型的事件類型和一個回調函數，我們需要改變state的值就要在回調函數中改變。我們要執行這個回調函數，那我們需要執行一個相應的調用方法：store.買粉絲mit。

d. Action特性：類似于mutation，不同點在于：Action提交的是mutation，而不是直接變更狀態。Action可以包含任意異步操作，Action函數接受一個與store實例具有相同方法和屬性的買粉絲ntext對象，因此你可以調用買粉絲ntext.買粉絲mit提交一個mutation。或者通過買粉絲ntext.state和買粉絲ntext.getters來獲取state和getters。Action通過store.dispatch方法觸發：store.dispatch('increment')。

e. Mole特性：Mole其實只是解決了當state中很復雜臃腫的時候，mole可以將store分解為模塊，每個模塊中擁有自己的state、mutation、action和getter。

① 創建組件頁面eg Toast.vue

② 用Vue.extend() 擴展一個組件構造器，再通過實例化組件構造器，就可以創造出可復用的組件。

③ 將toast組件掛載到新創建的div上；

④ 將toast組件的dom添加到body里；

⑤ 修改優化達到動態控制頁面顯示文字跟顯示時間；

修飾符分為：一般修飾符、事件修飾符、按鍵、系統

① 一般修飾符：

② 事件修飾符

③ 按鍵修飾符

④ 系統修飾符（可以用如下修飾符來實現僅在按下相應按鍵時才觸發鼠標或鍵盤事件的監聽器。）

Vue的核心的功能，是一個視圖模板引擎，但這不是說Vue就不能成為一個框架。在聲明式渲染（視圖模板引擎）的基礎上，我們可以通過添加組件系統、客戶端路由、大規模狀態管理來構建一個完整的框架。更重要的是，這些功能相互獨立，你可以在核心功能的基礎上任意選用其他的部件，不一定要全部整合在一起。可以看到，所說的“漸進式”，其實就是Vue的使用方式，同時也體現了Vue的設計的理念

在我看來，漸進式代表的含義是：主張最少。視圖模板引擎每個框架都不可避免會有自己的一些特點，從而會對使用者有一定的要求，這些要求就是主張，主張有強有弱，它的強勢程度會影響在業務開發中的使用方式。

比如說，Angular，它兩個版本都是強主張的，如果你用它，必須接受以下東西：

必須使用它的模塊機制- 必須使用它的依賴注入- 必須使用它的特殊形式定義組件（這一點每個視圖框架都有，難以避免）所以Angular是帶有比較強的排它性的，如果你的應用不是從頭開始，而是要不斷考慮是否跟其他東西集成，這些主張會帶來一些困擾。

Vue可能有些方面是不如React，不如Angular，但它是漸進的，沒有強主張，你可以在原有大系統的上面，把一兩個組件改用它實現，當jQuery用；也可以整個用它全家桶開發，當Angular用；還可以用它的視圖，搭配你自己設計的整個下層用。也可以函數式，都可以，它只是個輕量視圖而已，只做了自己該做的事，沒有做不該做的事，僅此而已。

漸進式的含義，我的理解是：主張最少，沒有多做職責之外的事。

很赞哦!（91）