Html接受数据{{}} - computed、methods

对比项	computed	methods
调用方法	{{xxx}}	{{xxx()}}
缓存	有	无
使用场景	多次使用	多次调用

computed 只用了一次

<body>
        <div id="app">
            {{ reversedText }}
        </div>
        <script type="text/javascript" src="lib/vue-2.4.0.js"></script>
        <script>
            var vm = new Vue({
                el: '#app',
                data: {
                    text: '123,456'
                },
                computed: {
                    reversedText: function() {
                        return this.text.split(',').reverse().join(',');
                    }
                }
            })
        </script>
    </body>

这个输出的结果就是 456,123

methods 用了多次

<body>
        <div id="app">
            {{ reversedText() }}
        </div>
        <script type="text/javascript" src="lib/vue-2.4.0.js"></script>
        <script>
            var vm = new Vue({
                el: '#app',
                data: {
                    text: '123,456'
                },
                methods: {
                    reversedText: function() {
                        return this.text.split(',').reverse().join(',');
                    }
                }
            })
        </script>
    </body>

输出的结果也是 456,123

.bat程序教程	python入门基础教程	Pandas教程	Pygame教程
Django3.2.9教程	Flask1.1.1教程	python3.X - 区块链教程	Java教程
Spring教程	C#教程	PHP教程	R教程
Node.js教程	mysql数据库教程	Redis数据库教程	MongoDB数据库教程
RabbitMQ教程	Lua教程	FindBI教程	HTML5教程
CSS教程	Javascript教程	jQuery教程	微信小程序教程
微信小游戏教程	Vue.js教程	服务器教程	TensorFlow教程
PyTorch教程	Unity教程	Objective-C教程	Android教程
AppleScript教程	Mac - SHELL教程	算法教程	Python教程
数据库教程	运维工具教程	Nginx教程	Docker教程

Html接受数据{{}} - computed、methods

computed 只用了一次

methods 用了多次

精彩教程