为什么 total 不是函数?

来源:2-6 数据,方法,计算属性和侦听器(1)

xcn_aaaa

2022-11-15 20:06:35

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src ="https://unpkg.com/vue@next"></script>
</head>
<body>
    <div id="root"></div>
    <script>
        const app = Vue.createApp({
            data(){
                return {
                    message:'hello world',
                    count:2,
                    price:5,
                }
            },
            computed:{
                total(){
                    return Date.now() + this.count;
                }
            },
            methods:{
                getTotal(){
                    return Date.now();
                }
            },
            template:`
                <div>{{message}} {{total()}}</div>
            `
        });
        const vm = app.mount('#root');
    </script>
</body>
</html>

https://img.mukewang.com/climg/637380c809e635a212400459.jpg

写回答

1回答

好帮手慕星星

2022-11-16

同学你好,total是计算属性(在computed中),使用时不需要加括号,如下修改:

https://img.mukewang.com/climg/63743e4f0948b9d307750182.jpg

methods中才是方法,不要弄混了。

祝学习愉快!

0

前端工程师

前端入门如同写字,如果你不知道从哪开始,那就选择前端(含Vue3.x,React17,TS)

20327 学习 · 17877 问题

查看课程