实例 使用 ref 属性以声明方式更改 div 标记的背景色

<template>

  <div ref="rootDiv">

    <h2>Example $el Object</h2>

    <p>It is recommended, and more consistent, to use the ref attribute instead of the $el object to change the background color root DIV tag.</p>

    <button v-on:click="changeColor">Click here</button>

  </div>

</template>

​

<script>

export default {

  methods: {

    changeColor() {

      this.$refs.rootDiv.style.backgroundColor = 'lightgreen';

    }

  }

}

</script>