Vue:计算属性

最新推荐文章于 2024-08-07 19:03:55 发布

荭色海湾

最新推荐文章于 2024-08-07 19:03:55 发布

阅读量602

点赞数 2

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

本文链接：https://blog.csdn.net/qq_53374893/article/details/132524745

版权

Vue 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
        <p>currentTime1:{{currentTime2}}</p>
        <p>currentTime1:{{currentTime1}}</p>
</div>


<!-- 1.导入Vue.js   -->
<script src="../js/vue.js"></script>
<script>
    var vm = new Vue({
        el:"#app",
        data: {
            message: "hello,kuangshen"
        },
        methods:{
            currentTime1: function (){
                return Date.now();//返回一个时间戳
            }
        },
        computed:{//计算属性:methods computed 方法不能同名,重名了只会调用methods里的方法
            currentTime2: function (){
                return Date.now();//返回一个时间戳
            }
        }

    });


</script>

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
        <p>currentTime1:{{currentTime2}}</p>
        <p>currentTime1:{{currentTime1()}}</p>
</div>


<!-- 1.导入Vue.js   -->
<script src="../js/vue.js"></script>
<script>
    var vm = new Vue({
        el:"#app",
        data: {
            message: "hello,kuangshen"
        },
        methods:{
            currentTime1: function (){
                return Date.now();//返回一个时间戳
            }
        },
        computed:{//计算属性:methods computed 方法不能同名,重名了只会调用methods里的方法
            currentTime2: function (){
                this.message;
                return Date.now();//返回一个时间戳
            }
        }

    });


</script>

</body>
</html>