我在浏览器中使用vue，代码对我来说似乎很好，但它给出的错误是“vue未定义”。
这本身就是完整的代码。
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<div class="app">
{{ message }}
<line-chart></line-chart>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js"></script>
<script src="https://unpkg.com/vue-chartjs/dist/vue-chartjs.min.js"></script>
<script>
Vue.component('line-chart', {
extends: VueChartJs.Line,
mounted () {
this.renderChart({
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
datasets: [
{
label: 'Data One',
backgroundColor: '#f87979',
data: [40, 39, 10, 40, 39, 80, 40]
}
]
}, {responsive: true, maintainAspectRatio: false})
}
})
var vm = new Vue({
el: '.app',
data: {
message: 'Hello World'
}
})
</script>
</body>
</html>
这是样本，虽然我用它来绘制实时数据。
在html文件中只包含Vue
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
要么：
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
它的工作原理。