1.引入jquery
npm下载:
npm install jQuery --save
在main.js里
createApp(App).use(jQuery).mount('#app')
这里要注意use要写在mount前面
这句话本来好用的,后来我不知道调了什么就再也引不进来了,一直报错说
The requested module '/node_modules/jquery/dist/jquery.js' does not provide an export named 'default'
没办法,我又换了一种方式引入:
import '../node_modules/jquery/dist/jquery.js'
2.引入echarts
npm下载略
在main.js里
app.config.globalProperties.$echarts = echarts
这个app就是前面createApp返回的对象,我把它前面声明了一下,这样就可以调用属性了
完整写法:
const app = createApp(App).use(jQuery)
app.config.globalProperties.$echarts = echarts
app.mount('#app')
然后我开始用echarts的时候出现了一个问题:
this.dom.getContext is not a function
原来是我在init的时候直接用jQuery获取div了,但是echarts本身是不支持的
老老实实的写:
var myChart = this.$echarts.init(document.getElementById('echart1'));
这样就对了,还要记得在外面套一个div并给echart1长和高赋值,这样才能显示