關於Vue2.x與Es6一些特性

Vue的定位，就是快速開發。

這些特性，我沒有過於熟練，導致寫的程式碼質量不高。

過濾器

<template>
    <div>
        {{title | myFilter}}
    </div>
</template>

<script>
    export default {
        name: "MyFilter",
        data(){
                return {
                title:"MyTitle   =》 "
            }
        },
        filters:{
            myFilter(data){
                // 處理資料
                return data+'myFilter';
            }
        }
    }
</script>
 

Promise

兩個請求，需要有先後順序，但Ajax請求只能非同步請求，所以可以進行巢狀執行，但巢狀執行可能會影響維護。

async created() {
    await this.abc()
    await this.jkl();
},
methods:{
    abc(){
        return new Promise((resolve, reject)=>{
            setTimeout(()=>{
                for (let i = 0; i <10; i++) {
                    console.log("abc"+i)
                }
                resolve("abc") // 放行promise
            },1000)
        })

    },
    jkl(){
        console.log("jkl")
    }
},