zoukankan      html  css  js  c++  java
  • vue引入JQ的方法

    在vue中引入jq

    用vue-cli脚手架工具构建项目成功后 当需要引入JQ,可用以下方法:

     1.首先在package.json里的dependencies加入"jquery" : "^3.2.1"

    2.在终端里输入npm install jquery --save-dev  当然用 淘宝镜像 cnpm 也是可以的

       注意:jquery 一定要小写 不然会提示  Please use 'jquery' (all lowercase)

    3.找到build文件夹下的webpack.base.conf.js文件,打开,添加:

      var webpack=require('webpack')

    在module.exports里输入:

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

    4.在入口文件main.js中输入:

             import $ from 'jquery'

    5.在终端输入npm run dev 就ok了

    6.验证方法 在APP.vue里进行验证   看图:

  • 相关阅读:
    Win32的开发过程
    Win32的开发过程
    内存模式
    在DOS下生成一个可执行文件一般步骤
    内存模式
    内存模式
    静态链接
    在DOS下生成一个可执行文件一般步骤
    备忘录模式(存档模式)
    建造者模式
  • 原文地址:https://www.cnblogs.com/chenmiaosong/p/8596237.html
Copyright © 2011-2022 走看看