关于Vue2.x与Es6一些特性

最新推荐文章于 2024-01-17 14:48:13 发布

皮豪kbug

最新推荐文章于 2024-01-17 14:48:13 发布

阅读量270

点赞数

分类专栏： Java框架文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/pphboy/article/details/124805632

版权

Java框架专栏收录该内容

8 篇文章 0 订阅

订阅专栏

关于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")
    }
},