vue中ref的使用方法

vue中ref的使用方法

在dom元素中加上一个ref，然后绑定一个事件来操作该dom元素

   <div class="pa" ref="biaoti" @click="dianji">ref的使用方法</div>

这里可以操作dom元素的样式
但是注意这里时refs而不是ref

 methods: {
    dianji(){
      this.$refs.biaoti.style.color='red'
    }
};
</script>

还可以将其绑定在组件上，打印出来时组件的vc对象