Vue数据重视生命周期

Question

在运行应用程序创建方法之前，我已经设置了this.url值。 当我将videoSrcMp4属性与url数据绑定时，它为null，因为在应用程序将url设置为null之后，创建的函数正在运行。

在创建的功能运行之前，我如何设置this.url。

<vue-video-background v-bind:videoSrcMp4="url"></vue-video-background>

<script>
  import VueVideoBackground from 'vue-video-background'
  export default {
    name: 'name_component',
    components: {
      VueVideoBackground
    },
    data: function () {
      return {
        count: 1,
        url: 'null',
      }
    },
    created: function () {
      let html = document.getElementsByTagName('html')
      html[0].classList.add('app-single')

      this.count = Math.floor(Math.random() * 5) + 1
      let url = '../path/to/video/file' + this.count + '.mp4'
      console.log(url)
    }
  }
</script>