问题： props.chartData 拿不到 父组件axios 获取的值
new Aliplayer 这个是初始化
但我不知道怎么拿到动态的props 赋值给 new Aliplayer 里的变量 请老师指点

<template>
  <div>
    <div class="prism-player" id="J_prismPlayer"></div>
  </div>
</template>

<script>
import { ref, watch, reactive, onMounted, defineComponent } from "vue";

export default defineComponent({
  name: "AliyunPlayer",
  props: {
    chartData: Array
  },
  setup(props, context) {
    onMounted(() => {
      let player = new Aliplayer({
        id: "J_prismPlayer", // 容器id
        source: 'props.chartData[1]', //视频地址
        cover: 'props.chartData[0]', //播放器封面图
        autoplay: false, // 是否自动播放
        width: "100%", // 播放器宽度
        height: "4rem", // 播放器高度
        playsinline: true,
        seekable: true
      });
      watch(
        () => props.chartData,
        (oldVlaue, newValue) => {
          console.log(oldVlaue, "改变");
        }
      );

 
    });

    const filterNode = (value, data) => {
      if (!value) return true;
      return data.label.indexOf(value) !== -1;
    };
    const handleNodeClick = (data, node, obj) => {
      if (data.id) {
        context.treeId = data.id;
        context.treeDataObj = data;
        context.nodeDataTree = node;
        console.log(data);
      }
    };
    return {
      filterNode,
      handleNodeClick
    };
  }
});
</script>