Vue——计算属性

computed（计算属性）

起到的效果和method和filter类似，可以对需要渲染的数据，进行一些前置操作，比如：数 “0” 和 “1” 显示为 “男” 跟 “女”，

computed非常适合数据格式化，当数据发生变化的时候，数据都可以重新格式化，不必担心性能问题，是比较推荐使用的

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Vue 测试实例</title>
    <script src="res/vue.js"></script>
</head>
<body>
<div id="app">
    <p>原始字符串: {{ message }}</p>
    <p>计算后反转字符串: {{ reversedMessage }}</p>
    <p>使用方法后反转字符串: {{ reversedMessage2() }}</p>
</div>

<script>
    var vm = new Vue({
        el: '#app',
        data: {
            message: 'Runoob!'
        },
        computed: {
            reversedMessage: function () {
                return this.message.split('').reverse().join('')
            }
        },
        methods: {
            reversedMessage2: function () {
                return this.message.split('').reverse().join('')
            }
        }
    })
</script>
</body>
</html>

相关阅读:
Hadoop学习路线图
windows命令——taskmgr 1
windows命令——explorer
windows命令——taskkill
struts tags
jsp的 javascript中嵌套 html 注释
netstat
没有、不愿、不能足够交流、沟通的开发、测试，将是悲剧
linux java so 历险
linux java 版本

原文地址：https://www.cnblogs.com/chenss15060100790/p/8604918.html