Vue.js学习-7-Vue.js计算属性computed简单学习

高万禄

于 2020-04-20 16:15:23 发布

阅读量233

点赞数

本文链接：https://blog.csdn.net/qq_45812941/article/details/105637799

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
    <div id="vueApp">
    <h1>Vue.js计算属性computed简单学习</h1>
    <h2>{{double_number}}</h2>
    <h4>我们应该注意computed与filers的不同，computed内的属性直接为我们创建Vue对象中的属性，而filters是使用了一个方法</h4>
    </div>
</body>
<script>
    let vueApp=new Vue({
        el:"#vueApp",
        data:{
            number:8,
        },
        computed:{
            double_number:function(){
                return this.number;
            }
        }
    },
    );
    
</script>
</html>