vue之computed（计算属性）

所谓计算属性就是计算data里的数据属性。

computed:实时监听的该功能。

　　即监听是否有修改（浏览器未打开时即开始监听了），监听的值有修改则添加

　　所监听的data数据属性变化了，自动实时修改。

<!DOCTYPE html>

<html>

<head>

    <title></title>

</head>

<body>

    <div id="com">

        <h3>{{msg}}</h3>

        <p>{{ thisMsg }}</p>

        <button @click='changeMsg'>修改</button>

    </div>

    <script type="text/javascript" src="vue.js"></script>

    <script type="text/javascript">

        var com = new Vue({

            el:'#com',

            data:{

                msg:'今天天气狠人'

            },

            methods:{

                changeMsg(){

                    this.msg = '嘿嘿嘿';

                }

            },

            computed:{

                thisMsg(){

                    return this.msg+'哈哈哈哈';

                }

            }

        })

    </script>

</body>

</html>

巴特西

vue之computed（计算属性）

最新文章

热门文章