<!-- 计算属性 -->

<div id="app">{{string}}</div>

<script>

new Vue({

      el: "#app",

      data: {

            name: "小明",

            age: 18

      },

      //计算属性

      computed: {

            string(){

                  return "姓名：" + this.name + "，年龄：" + this.age;

            }

      }

});

</script>

<div id="app">

      <h1>{{name}}</h1>

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

</div>

<script>

new Vue({

      el: "#app",

      data: {

            xing: "李",

            ming: "强"

      },

      computed: {

            name: {

                  //get为输出方法

                  get(){

                        return this.xing + this.ming;

                  },

                  //set为输入方法，其中参数m表示输入的值

                  set(m){

                        //重新赋值

                        this.xing = m.substr(0,1); //截取第一个

                        this.ming = m.substr(1); //截取剩余字符串

                  }

            }

      }

});

</script>