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>
View Code
复制代码

 

posted @   强仔必胜  阅读(184)  评论(0)  编辑  收藏  举报
编辑推荐：
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
阅读排行：
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 别再用vector＜bool＞了！Google高级工程师：这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示