前端vue-ref获取dom节点

demo：

      <input type="text" ref="userinfo" />
      <br>
      <br>
      <div ref="box">我是一个box</div>

      <br>
      <br>
      <button v-on:click="getInputValue()">获取第二个表单里面的数据</button>

 getInputValue(){

              //获取ref定义的dom节点
              console.log(this.$refs.userinfo);


              this.$refs.box.style.background='red';

              alert(this.$refs.userinfo.value);


              
              
          }

模板语法：定义ref=xxx，类似id，在方法中用$ref.id.value获取dom的值，并且可以像js语法一样改变此dom的样式。