Vue2.0 --- vue-cli脚手架中全局引入JQ

第一步：安装jQuery

npm/cmpn方式安装(默认安装1.7.X版本的JQ)

npm/cnpm install jQuery

如果想安装更高版本的JQ那么可以选择在package.json文件下面这个位置添加代码断（当前图片安装的是2.2.3版本，如果想安装更高或者其他可以更改版本号）

然后在命令行窗口中输入指令，即可完成安装

npm install

第二步：更改webpack.base.conf.js文件

在文件指定位置添加代码

var webpack = require('webpack');

plugins: [new webpack.optimize.CommonsChunkPlugin('common.js'), new webpack.ProvidePlugin({ jQuery: "jquery", $: "jquery" }) ],

位置如图所示：

第三步：（必须操作）,重启一下服务器不然会报错，重启之后就好了

npm run dev

第四步：更改main.js文件

添加代码

import $ from 'jquery'

如图所示：

之后在文件中即可随意使用JQ，不过切记不能直接使用，必须这样

$(function(){ $('.button').click(function(){ alert('JQ引入测试'); }); });

如果不写$(function(){ }),会无法生效的

错误写法：

$('.button').click(function(){ alert('JQ引入测试'); });

本文转载于:猿2048→https://www.mk2048.com/blog/blog.php?id=jihaajb&title=Vue2.0 --- vue-cli脚手架中全局引入JQ

Vue2.0 --- vue-cli脚手架中全局引入JQ相关推荐

vue2.0 toast组件开发以及全局引入
1.在Vue里引入toast提示组件效果 2.重要代码片段 (1)html <div class="npm-com-toast" v-show="isShow&qu ...
Vue2.x 核心基础（Vue概述，Vue基本使用，@vue/cli脚手架，Element-UI 的基本使用，Vue模板语法）
1. Vue概述尤雨溪:Vue.js的创建者 2014年2月,Vue.js正式发布 2015年10月27日,正式发布1.0.0 2016年4月27日,发布2.0的预览版本 Vue:渐进式JavaSc ...
[vue] vue2.0不再支持v-html中使用过滤器了怎么办？
[vue] vue2.0不再支持v-html中使用过滤器了怎么办? 在method中定义方法 htmlFilter(htmlString){ return htmlString.replace(/+s ...
猿创征文｜【Vue五分钟】 Vue Cli脚手架创建一个项目
目录前言一.创建项目的操作步骤选择路由模式选择CSS预编译器选择如何存放配置自动下载项目所需的包文件二.启动vue项目 1.项目目录 2.启动项目 3.浏览器打开项目首页界面三.项目的 ...
在vue新版脚手架中下载和使用jquery
1.在vue新版脚手架中下载jquery npm i jquery --save 2.在vue.config.js文件中加入以下代码: module.exports = {chainWebpack: ...
如何查看vue版本号以及vue/cli脚手架版本号
查看vue版本号方法一:直接在项目的package.json文件,找到dependencies就能看到了方法二:输入命令npm ls vue (或者npm list vue) 查看vue/cli脚 ...
Vue2.0 Vue脚手架 scopde样式
学习scoped样式问题 School.vue <template><div class="demo"> <h2>学校名称:{{name}}& ...
1. Vue CLI脚手架
1.1 介绍 Vue脚手架指的是vue-cli,它是一个专门为单页面应用快速搭建的脚手架,它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板,是Vue官方提供的标准化开发工 ...
前端框架vue04~~vue.cli脚手架的基本使用
文章目录 [1. Vue-CLI脚手架](https://cli.vuejs.org/zh/guide/) [2. 安装](https://cli.vuejs.org/zh/guide/install ...

Vue2.0 --- vue-cli脚手架中全局引入JQ

Vue2.0 --- vue-cli脚手架中全局引入JQ相关推荐

最新文章

热门文章