vue和vuex中的ES6 Shorthand method names

focusj 發布于2019-08-21 17:18 / 1144人閱讀

摘要：最近在用和開發。最后查到其實并不是計算屬性，而是而計算屬性其實是這樣的仔細對比和。所以這個語法糖其實就是，省略了，省略了冒號和。雖然這個不是很甜，但好歹是個糖，糖多了自己寫的別人就看不懂了。而人們往往對于不懂的東西，都會說逃

最近在用vue和vuex開發。
在.vue單文件的生命周期和vuex的actions定義中，有兩段代碼讓人費解：
pag.vue

export default {
    //...
    created(){
        this.$store.dispatch("getUsersSize")
    }
    //...
}

action.js中

const actions = {
    getAllUsers({commit},url){
        dataapi.getData(url,(users)=>{
            commit(types.RECEIVE_USERS,{users})
        })
    }
}

抽離出來就是{created(){}}和{getAllUsers({commit},url){}}
正常情況下，如果將函數賦值到對象的屬性值，簡稱為方法，應該這樣寫才對：
{created:function(){}}以及{getAllUsers:function({commit},url){}}

所以我很納悶這是什么鬼東西？

印象中ES6有個概念叫computed property，于是去查MDN。
最后查到其實并不是計算屬性，而是shorthand methods names

// Shorthand method names (ES2015)
var o = {
  property([parameters]) {}
};

而計算屬性其實是這樣的：

// Computed property names (ES2015)
var prop = "foo";
var o = {
  [prop]: "hey",
  ["b" + "ar"]: "there"
};

仔細對比{created(){}}和{created:function(){}}。
所以這個ES6 Shorthand method names語法糖其實就是，省略了":function"，省略了冒號和"function"。
雖然這個sugar不是很甜，但好歹是個糖，糖多了自己寫的bug別人就看不懂了。
而人們往往對于不懂的東西，都會說：666
(逃

GPU云服務器云服務器 Vue_Vuex es6中的class es6中的promise Shorthand

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/89371.html

vuex的使用

摘要：使用狀態對象的訪問我把理解成構造器中的里面存放一些數據，例如用戶姓名性別身份證號等等。 vuex是配合vue一塊兒使用的一個狀態管理工具。我通常使用它來保存一些全局的數據，例如用戶登錄信息，用戶身份信息，總之一些在很多頁面都會使用到的信息，都保存在vuex里面，用的時候就不需要再去請求接口了，直接去vuex里面拿就可以了。先放官網地址安裝 npm install vuex --sav...

tunny 2019-08-22 16:28 評論0 收藏0
vuex的使用

摘要：使用狀態對象的訪問我把理解成構造器中的里面存放一些數據，例如用戶姓名性別身份證號等等。 vuex是配合vue一塊兒使用的一個狀態管理工具。我通常使用它來保存一些全局的數據，例如用戶登錄信息，用戶身份信息，總之一些在很多頁面都會使用到的信息，都保存在vuex里面，用的時候就不需要再去請求接口了，直接去vuex里面拿就可以了。先放官網地址安裝 npm install vuex --sav...

lemon 2019-08-02 10:14 評論0 收藏0
Vuex源碼閱讀筆記

摘要：而鉆研最好的方式，就是閱讀的源代碼。整個的源代碼，核心內容包括兩部分。逃而動手腳的代碼，就存在于源代碼的中。整個源代碼讀下來一遍，雖然有些部分不太理解，但是對和一些代碼的使用的理解又加深了一步。筆記中的Vue與Vuex版本為1.0.21和0.6.2,需要閱讀者有使用Vue，Vuex，ES6的經驗。起因俗話說得好，沒有無緣無故的愛，也沒有無緣無故的恨，更不會無緣無故的去閱讀別人的源...

hosition 2019-08-21 13:44 評論0 收藏0
Vuex 入門到進階

先說一下Vuex到底是什么？ Vuex 是一個專門為 vue.js 應用程序開發的狀態管理模式這個狀態我們可以理解為在 data 中的屬性，需要共享給其他組件使用的部分也就是說，我們需要共享的數據，可以使用 vuex 進行統一集中式的管理喜歡看代碼學習的的可直接下載下方 Demo https://gitee.com/jiangliyue/... Vuex中的五種基本對象 state...

mylxsw 2019-08-23 18:30 評論0 收藏0
[新手坑] 03.Vue-CLI用ES6編碼仍需要手動安裝一些Babel插件

摘要：用編碼仍需要手動安裝一些插件這五一幾天沒什么事情想著再深入研究下然后又找了些教程結合官方文檔研究卻遇到了一個坑爹的問題在安裝完成后如果需要用到一些語法編寫代碼有時候報錯的話可能是缺少編譯插件比如我在看文檔和部分教程的時候有類似這樣的代碼 Vue-CLI用ES6編碼仍需要手動安裝一些Babel插件這五一幾天, 沒什么事情, 想著再深入研究下Vuex, 然后又找了些教程, 結合官方文檔研...

lwx12525 2019-08-26 11:52 評論0 收藏0