1、引入jquery

项目中命令行运行如下操作

npm install jquery --save

在webpack.base.conf.js添加下面这段代码

var webpack = require('webpack');

并在其module.exports中,添加如下代码

plugins: [
  new webpack.ProvidePlugin({
    $: "jquery",
    jQuery: "jquery",
    "windows.jQuery": "jquery"
  })
],

在这里插入图片描述
在app.vue中的script中添加如下代码,全局添加jquery.js

import $ from 'jquery'

在这里插入图片描述

2、引入jquery第三方插件库(其他插件库也可以相同方法使用)

下面有配图
放入项目:

//在webpack.base.conf.js里面的module.exports->resolve->alias里面登记插件,取别名并指向插件地址
"beattext":path.resolve(__dirname, '../static/js/jquery.beattext.js'),
"easying": path.resolve(__dirname, '../static/js/easying.js')

使用:

//直接引用即可
import beattext from "beattext"
import easying from "easying"

在这里插入图片描述
在这里插入图片描述
如果把某个不变的style属性放入使用它的vue文件中不起作用,则把这个style属性放到index.html中如下:
在这里插入图片描述

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐