nuxtjs引入jquery

2020-12-01 16:25:32

参考地址 nuxt引入jQuery库

nuxtjs如何添加 Webpack 插件？

方法一

       安装 jquery 包

npm install --save jquery


配置 nuxt.config.js

    const webpack = require('webpack')

module.exports = {    build: {        plugins: [            new webpack.ProvidePlugin({                '$' : 'jquery'             })        ]    },    plugins: [] }


组件中使用

mounted () {

    $("body").append("1");}


方法二：直接在 nuxt.config.js 中引入 jquery.min.js文件

head: {

    script: [        { src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js' }    ]}

或者也可以在子组件内部引入。


  • 精彩推荐

  • 2020-03-04 13:00:23

    NPM酷库：minimist，命令行参数解析

    昨天我们了解的dotenv库用于从文件中加载环境变量。环境变量用于程序运行时动态加载参数，除了环境变量，我们还可以在启动Node.js 程序时直接指定命令行参数：

  • 2020-03-04 21:01:26

    window自带截屏功能

    我们习惯了QQ和微信截图，当我们没有打开微信和QQ的时候，我们想用截图怎么版，当然是，打开QQ和微信，哈哈？

  • 2020-03-05 13:12:54

    Markdown的css样式

    本样式在这个样式的基础上做了一些修改， 主要是对于表格和代码块以及一些细节的修改。 主要目的是用在chrome的扩展 Markdown Preview Plus中， 替换其内置的样式。 由于 Markdown Preview Plus对css文件大大小有要求（小于8K）， 所以需要使用压缩后的 css 文件。 当然也可以作为一个单独的markdown样式来使用。