本文是Vue项目实战系列的第二部分，主要介绍了如何在Vue项目中引入JQuery及其解决$未定义问题的方法，以及如何引入并使用pie-chart插件绘制图表。在引入JQuery时，通过在static文件夹创建JS目录并添加到index.html中，然后在App.vue中使用。遇到$未定义的错误时，通过修改.eslintignore文件得以解决。对于pie-chart的引入，同样将其文件放入JS目录并在组件中应用，成功实现了图表展示。
友情链接
Vue项目实战（一）- 从0到1的蜕变
Vue项目实战（二）- 引入JQuery等第三方库
Vue项目实战（三）- 组件的注册和使用
Vue项目实战（四）- 组件之间的通信
1、说明
引入JQuery库的方式有多种，我曾经试过用npm直接把jquery安装配置入项目，但是在后续开发中，尤其是用到基于jquery的第三方插件的时候，遇到了很多的问题，所以这里还是介绍一种非常简单非常容易上手且没有后顾之忧的方式。
2、引入JQuery
1、在staic文件夹中创建JS文件夹，并把最新的jquery.js放到JS文件夹中
2、在index.html中通过script标签添加jquery的引用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>csdn-vue</title>
</head>
<body>
<div id="app"&g
最低0.47元/天 解锁文章
扫一扫
9428
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
