7、vue计算属性

点击查看代码

<!--view层，模板-->
<div id="app">
<p>currentTime1: {{currentTime1()}}</p>
<p>currentTime2: {{currentTime2}}</p>

</div>

<!--    1.导入vue.js-->
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.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>