<div id="app">
    <input type="text" v-model = 'text'>
    <button id="btn" @click=btnClick>提交</button>
    <div id="hide" style="display: none;">{{ text4 }}</div>
    <div id="msg1">{{ text1 }}</div>
    <div id="msg2">{{ text2 }}</div>
    <div id="msg3">{{ text3 }}</div>
</div>
<script>
    var vm =new Vue({
        el: '#app',
        data: {
            text :'',
            // text1: '',
            text2: '22',
            text3: '',
            text4:''
        },
        methods:{
            btnClick: function(){
                this.text4 = this.text;
                this.text = '';
            }
        },
        computed: {
            text1: {
                get:function (){
                    return this.text4;
                },
                set:function (newValue){
                    console.log(newValue);
                    this.text3 = newValue;
                }
            }
        }
    });

代码写的有点乱，请老师谅解，我想在输入矿中输入内容，点击按钮后在text1中显示，然后在set中设置text3的值，我更改输入框中的内容，只调用了get方法，没有调用set，这是为什么呢，按理说值是发生变化了的啊？我在点击按钮的时候无法直接在computed给text1赋值，text4是我给的一个过渡