Vue 使用comouted计算属性

computed计算属性

使用方法见代码:

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>vue.js 使用comouted计算属性 </title>

    <script src="vue.js"></script>

</head>

<body>

<div id="ask"><!--vue不能控制body和html的标签-->

    <input type="text" v-model="num1">+

    <input type="text" v-model="num2">=

    <input type="text" v-model="sum">

</div>

<script>

    var app = new Vue({ //实例化vue

        el:'#ask',//vue控制id为ask的元素,

        computed:{

            sum:function () {

                return this.num1*1+this.num2*1;//*1是改变变量为数字类型

            }

        },

        data:{

            title:'',

            num1:0,

            num2:0

        }

    });

</script>

</body>

</html>

巴特西

Vue 使用comouted计算属性

最新文章

热门文章