首页 > 其他 > 详细

Vue系统学习:03、计算属性

时间:2021-06-04 17:51:36      阅读:15      评论:0      收藏:0      [点我收藏+]

一、定义:

①、就是在显示数据之前,对数据进行一些操作转化后再显示。

②、conputed:计算属性写在里面。

    <div id="app">
        <!-- 不要计算属性 -->
        <h2>{{msg1}} {{msg2}}</h2>  
        <!-- 使用计算属性。代码简洁 -->
        <h2>{{fullMsg}}</h2>
    </div>

    <script src="../js/vue.js"></script>

    <script>
        const test = new Vue({
            el: ‘#app‘,
            data: {
                msg1: ‘hello‘,
                msg2: ‘word‘
            },
            computed: {
                fullMsg() {
                    return this.msg1 + ‘ ‘ + this.msg2
                }
            }
        })
    </script>

  

Vue系统学习:03、计算属性

原文:https://www.cnblogs.com/wan520/p/14849469.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!