美文网首页
18_计算属性反向作用

18_计算属性反向作用

作者: CHENPEIHUANG | 来源:发表于2018-02-08 17:47 被阅读0次
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div id="app">
            <input type="text" v-model="msg"/>
            <p>{{msg}}</p>
            <p>{{newMsg}}</p>
            <input type="text" v-model="newMsg"/>
        </div>
        <script src="js/vue.js"></script>
        <script>
            
            
            var vm = new Vue({
                el:"#app",
                data:{
                    msg:"hello"
                },
                //计算属性默认不允许修改原始数据,如果需反向修改原始数据,则须定义计算属性的setter方法
                computed:{
                    newMsg:{
                        //定义getter方法
                        get(){
                            console.log("计算属性getter方法被调用。。。")
                            return this.msg.toUpperCase()
                        },
                        //定义setter方法
                        set(newVal){
                            console.log("新值:"+newVal)
                            console.log("计算属性setter方法被调用。。。")
                            this.msg = newVal
                        }
                    }
                }
            })
        </script>
    </body>
</html>

相关文章

  • 18_计算属性反向作用

  • 2020-07-28

    了解Vue计算属性的实现原理 computed的作用 在vue的开发中,我们不免会使用到计算属性,使用计算属性,v...

  • Swift初探之-------结构体

    import Foundation struct Frame { // 存储属性: 仅仅做存储值得作用 // 计算...

  • 对vue监听器watch的理解

    作用 当通过计算属性拿值时,走get;当想要给计算属性赋值, 需要使用set方法,走set 语法 小结 想要监听一...

  • 反向作用

    关于反向作用,大概所有事情都不是绝对的,对一个人过分冷淡或者过分热情都可能是反向作用,所以,你要小心哦,对你冷淡可...

  • 2022.8.12(晴)

    今天核酸检测。18_

  • 理财——复利的反向作用

    二、复利的反向作用 复利有正向的影响,自然也会有反向的影响。那反向的影响是什么呢? 答案:复利的反方向作用就是通货...

  • Vue的计算属性computed

    一,作用 简化模板,将复杂的计算逻辑写在计算属性中 二,对比methods methods也能实现相同的效果,但计...

  • VUE effectScope()、getCurrentScop

    effectScope 官方解释:创建一个 effect 作用域,可以捕获其中所创建的响应式副作用 (即计算属性和...

  • watch和computed的区别

    计算属性Computed: 计算属性通常依赖于其他数据属性。对于依赖属性的任何改变都会触发计算属性的逻辑。计算属性...

网友评论

      本文标题:18_计算属性反向作用

      本文链接:https://www.haomeiwen.com/subject/etottftx.html