vue---watch(监听)的基本使用

0. watch：介绍

a. 实时监听数据属性的变化，监听数据属性，当其发生改变时，触发相应的动作

一. 使用案例

(1). 监听select选项框

select介绍：

v-model绑定的是其option的value，切换value，v-model的值也随之改变

a. html

<el-select v-model="select_data" placeholder="请选择"><el-option key="1" label="我是给用户看的" value="我是给后端的值1"></el-option><el-option key="2" label="我是给用户看的" value="我是给后端的值2"></el-option><el-option key="3" label="我是给用户看的" value="我是给后端的值3"></el-option></el-select>

b. js

<script>
export default {name: "watch_text",data() {return {select_data: 1,}},watch: {'select_data': function () {this.$axios.get()},},
}
</script>