ref的使用

vue给我们提供一个操作dom的属性，ref。绑定在dom元素上时，用起来与id差不多，通过this.$refs来调用

<template>
   <div ref='test' @click="Add" >test</div>
</template>

<script>
	methods: {
    Add(){
      let testDom = this.$refs.test
      testDom.style.height = '200px'
      testDom.style.background = 'red'
      console.log(testDom.clientHeight)
    }
}
</script>

2ref应用场景