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>