vue元件內方法抽取問題

2021-10-25 11:26:12 字數 526 閱讀 6235

有幾個元件裡都使用了一些方法,都寫在methods裡了。

這些方法裡用了很多data裡的變數,有很多this.*** this.yyy this.zzz等等,大概有10個變數。

我想把這些方法提出來放到乙個js裡,然後import到vue元件裡。

但這些方法內部的變數怎麼提取出來呢?

都通過傳參傳進去嗎?

vue2x 最好的辦法就是使用mixin

如果需要傳參的mixin可以使用以下方法

export default righttype => (

},computed: = this.$store.state.user;

return rightlist.indexof(righttype); // 問題解決,美滋滋}},

methods:

}})

當然現在vue3x的出現就是為了解決你說的問題,使用compisition api,把邏輯組合到乙個hooks中,直接匯入就好了showtooltip

vue元件內函式相互呼叫問題

vue在同乙個元件內 methods中的乙個方法呼叫methods中的另外乙個方法 可以直接這樣呼叫 functiona 這樣是沒有考慮this作用域的問題的情況,如果你呼叫的functionb 函式不包含對vue事例中中對data資料的修改和呼叫 準確說沒有呼叫vue的例項物件的東西 這樣呼叫無可...

Vue基礎 子元件抽取與父子元件通訊

在工作中承擔一部分前端工作,主要使用vue element ui。隨著版本迭代,需求增加,頁面往往變得更加臃腫,不易維護。學習子元件的封裝和抽取,能更好適應需求。子元件的定義方法和每乙個vue元件相同,使用時需要先註冊,分為全域性註冊和區域性註冊兩種。全域性 區域性?對於全域性通用的元件,可以將其註...

vue 元件內獲取actions的response

最近使用在學習使用vuex,想利用vuex集中管理狀態。在和後台進行資料互動的時候,必然會涉及介面的呼叫,此類非同步操作,通常寫在action裡面 import vue from vue import vuex from vuex vue.use vuex const actions catch r...