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' }    ]}

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


  • 精彩推荐

  • 2019-12-01 08:00:16

    PHP中的HTTP_HOST和SERVER_NAME有什么区别

    多域名指向同一个php服务器，用nginx做代理，获取SERVER_NAME都是第一个域名，这就尴尬了，至今不明白咋回事，最后用HTTP_HOST解决都，这个暂时倒是准确。

  • 2019-12-01 08:04:30

    laravel多路由配置，也可以做根据域名都动态路由

    在用laravel 框架开发大型应用的时候，由于 laravel 默认是只有一个路由文件，如果把项目所有模块的路由放在一个路由文件下，那么该路由文件就显得很臃肿，以至于后期难以维护，解决方案是根据不同模块配置不同路由文件。