說說你對vue的mixin的理解,有哪些應用場景

2021-10-22 15:08:08 字數 827 閱讀 5211

mixin是物件導向程式設計語言中的類,提供了方法的實現。其他類可以訪問mixin類的方法而不必成為其子類

mixin類通常作為功能模組使用,在需要該功能時「混入」,有利於**復用又避免了多繼承的複雜

先來看一下官方定義

mixin(混入),提供了一種非常靈活的方式,來分發vue元件中的可復用功能。

本質其實就是乙個js物件,它可以包含我們元件中任意功能選項,如datacomponentsmethodscreatedcomputed等等

我們只要將共用的功能以物件的方式傳入mixins選項中,當元件使用mixins物件時所有mixins物件的選項都將被混入該元件本身的選項中來

vue中我們可以區域性混入全域性混入

定義乙個mixin物件,有元件optionsdatamethods屬性

var mymixin = ,

methods: {

hello: function () {

console.log(

vue 說說你對vue元件的設計原則的理解

第一 容錯處理,這個要做好,極端場景要考慮到,不能我傳錯了乙個引數你就原地 第二 預設值 預設值 要有,一般把應用較多的設為預設值 第三 顆粒化,把元件拆分出來.第四 一切皆可配置,如有必要,元件裡面使用中文標點符號,還是英文的標點符號,都要考慮到 第五 場景化,如乙個dialog彈出,還需要根據不...

說說你對servlet 的理解

我們都知道網頁有靜態和動態之分。靜態的只能看看,而動態可以實現客戶端和伺服器的互動,比如登入的功能,我們輸入使用者名稱和密碼後提交到伺服器,伺服器會處理這些資訊,如果正確的話則進入主頁。若不正確,則給出提示資訊。servlet是sun公司提供的一門用於開發動態web資源的技術。按照這套規範寫出來的s...

說說你對promise的了解

依照 promise a 的定義,promise 有四種狀態 pending 初始狀態,非 fulfilled 或 rejected.fulfilled 成功的操作.rejected 失敗的操作.settled promise已被fulfilled或rejected,且不是pending 另外,fu...