根據業務需求，需要做個視頻播放器頁面，大概如下圖：業務需求是這樣，上面是個視頻播放器，下面是個視頻列表，當我點視頻列表的時候，播放器切換數據源我使用的是vue的一個視頻播放器插件vue-dplayer,代碼如下<template>  <div id="app" class="container">    <d-player :options="options"></d-player>    <input type="text" v-model="options.video.url">  </div></template><script>import VueDPlayer from 'vue-dplayer'export default {  name: 'App',  components: {    'd-player': VueDPlayer  },  methods:{    play:function(){      console.log('call back');    },  },  data:function(){    return {      options: {        video: {          url: 'http://static.smartisanos.cn/common/video/t1-ui.mp4',          pic: 'http://static.smartisanos.cn/pr/img/video/video_03_cc87ce5bdb.jpg'        },        lang:'zh-cn',        autoplay: false,      },    }  }}</script><style></style>問題1：請問我如何修改data里面的options.video.url的參數，似乎只能在created里面修改，頁面渲染完成之后，在mounted里面修改url參數是無效的？為什么無法修改data里面的數據呢？問題2：組件如何拆分呢？我目前的結構是根組件里面有一個視頻組件，一個列表組件，這樣是否合理？