vue 重置組件的值

vue組件開發過程中,我們會遇到改變組件的值之后又想對組件進行初始化,這個時候一個個去重置傳入的值效率太低.尤其當重置表單的值的時候,非常頭疼.可以使用vue中:key屬性

例如 

組件上設置key屬性

  <component :key="id"></component>

需要初始化的時候只需重置key的值

export default {
    data () {
      return {
        id:+new Date(),
      }
    },
    components: {
      component
    },
    methods: {
      reset() {
        this.id = +new Date()
      }
    }

  }