Vue前端开发笔记之计算属性-computed的基本概念使用

最新推荐文章于 2024-07-28 19:41:36 发布

azhuweilong

最新推荐文章于 2024-07-28 19:41:36 发布

阅读量358

点赞数

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

本文链接：https://blog.csdn.net/azhuweilong/article/details/108034135

版权

前端同时被 3 个专栏收录

4 篇文章 0 订阅

订阅专栏

vue

2 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

computed介绍

computed英文为计算的意思，computed和methods在写法上十分相似，都采用了类似函数的书写方式，注意：最重要的一点就是computed是让作为属性进行应用，而函数是进行函数调用，这是最重要一点

下面是关于用不同方法打印实现的一个dome

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <h2>{{firstName+lastName}}</h2>
        <h2>{{ agetName()}}</h2>
        <h2>{{ bgetName}}</h2>
    </div>
    <script src="../js/vue.js"></script>
    <script>
        const app=new Vue({
            el:"#app",
            data:{
                firstName:'吴',
                lastName:'亦凡'
            },
            methods:{
                agetName(){
                return this.firstName+this.lastName 
                }

            },
            computed:{
                bgetName:function(){
                    return this.firstName+this.lastName 
                }
            }
        })
    </script>
</body>
</html>

azhuweilong

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue前端开发笔记之计算属性-computed的基本概念使用

computed介绍computed英文为计算的意思，computed和methods在写法上十分相似，都采用了类似函数的书写方式，注意：最重要的一点就是computed是让作为属性进行应用，而函数是进行函数调用，这是最重要一点下面是关于用不同方法打印实现的一个dome<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport
复制链接

扫一扫

专栏目录