echarts 不显示标题_vue-echarts设置了title不显示

使用vue-echarts船舰的图标组件，图可以显示，标题不显示是怎么回事，官方的例子

import 'echarts/lib/chart/line'

// import 'echarts/lib/component/polar'

export default {

data(){

return{

datas:{

title: {

left: 'center',

text: '折线图',

},

xAxis: {

type: 'category',

data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']

},

yAxis: {

type: 'value'

},

series: [{

data: [820, 932, 901, 934, 1290, 1330, 1320],

type: 'line'

}]

}

}

}

}

vue-echarts的引用放在main.js

里面了

import Echarts from 'vue-echarts'

import 'echarts/lib/chart/bar'

import 'echarts/lib/component/tooltip'

Vue.component('v-chart',Echarts)

vue-cli3创建的，vue.config.js也配置了。

效果图：

标题不显示，是哪里有错误？