侦听器可以观察和响应Vue实例上的数据变动
 
<div id="app">
    <div>
        问题：<input v-model="question">
    </div>
    
    <div>{{answer}}</div>
</div>
 
  var app = new Vue({
        el: "#app",
        data: {
            question: "",
            answer: [],
        },
        watch: {
            question(newValue) {
                this.getAnswer()
            }
        },
        methods: {
            getAnswer: function () {
                let that = this
                axios.get('http://localhost:3000/answer.php?q=' + this.question)
                    .then(function (response) {
                        that.answer = response.data
                    })
            }
        }
    })
 
 
php代码
 
<?php
    $question = $_GET['q'];
$answer=[];
switch($question){
        case "小":
        $answer=['小孩子','小姐姐','小鲜肉'];
        break;
        case "小鲜肉":
        $answer=['小鲜肉是什么','小鲜肉有什么用','小鲜肉可以吃吗'];
            break;
        case "小鲜肉演戏":
        $answer=["小鲜肉演戏太假","小鲜肉被封杀","小鲜肉不会做演员"];
        break;
    }
echo json_encode($answer);
 
演示
 
nswer = response.data
})
}
}
})
 
 
php代码
 
```php
<?php
    $question = $_GET['q'];
$answer=[];
switch($question){
        case "小":
        $answer=['小孩子','小姐姐','小鲜肉'];
        break;
        case "小鲜肉":
        $answer=['小鲜肉是什么','小鲜肉有什么用','小鲜肉可以吃吗'];
            break;
        case "小鲜肉演戏":
        $answer=["小鲜肉演戏太假","小鲜肉被封杀","小鲜肉不会做演员"];
        break;
    }
echo json_encode($answer);
?>
————————————————