vue判断组件是否显示_vue组件中watch props根据v-if动态判断并挂载DOM的问题

问题复现：父组件中通过名为 source 的 prop 向子组件 chart 传入数据

import chart from '../components/chart'

export default {

name: 'home',

components: { chart },

data () {

return {

chartdata: []

}

},

mounted () {

settimeout(() => {

this.chartdata = [

[89.3, 58212, 'matcha latte'],

[57.1, 78254, 'milk tea'],

[74.4, 41032, 'cheese cocoa'],

[50.1, 12755, 'cheese brownie'],

[89.7, 20145, 'matcha cocoa'],

[68.1, 79146, 'tea'],

[19.6, 91852, 'orange juice'],

[10.6, 101852, 'lemon juice'],

[32.7, 20112, 'walnut brownie']

]

}, 2000)

}

}

子组件接收 source 数据当存在且至少有一条数据的时候，创建 id 为 main 的 div，用以初始化 echar