Vue.js - Vue 项目引入 JQuery 框架

既然写项目，那么少不了用 JQ，那我们就引入进来吧~

1、因为已经安装了 Vue 脚手架，所以需要在 Webpack 中全局引入 JQuery

打开 package.json 文件，在里面加入这行代码，jquery 后面的是版本，根据你自己需求更改。

dependencies:{"jquery":"^2.2.1"
}

2、然后在命令行中 cnpm install，大多人应该都是使用的淘宝镜像，所以使用 cnpm，如果你不是，可以使用 npm 安装。

3、在 webpack.base.conf.js 中加入一行代码

let webpack = require("webpack")

4、在 webpack.base.conf.js 中 module.exports 的最后加入这行代码。

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

5、在 main.js 中引入加入下面这行代码，全局引入。

import $ from 'jquery'

6、最后一步，重新跑一遍就好，控制台输入 npm run dev

Ps：你会神奇的发现，JQ 可以用了！

Vue.js - Vue 项目引入 JQuery 框架相关推荐

vue项目引入jquery
VUE项目引入jquery 既然写项目,那么少不了用jq,那我们就引入进来吧 1.因为已经安装了vue脚手架,所以需要在webpack中全局引入jquery 通过命令下载jquery npm inst ...
vue.js的项目实战 1
vue.js的项目实战需求背景组件库是做UI和前端日常需求中经常用到的,把一个按钮,导航,列表之类的元素封装起来,方便日常使用,调用方法只需直接写上或者这样的代码就可以,是不是很方便呢,接下来我们 ...
Vue.js构建用户界面的渐进式框架(前端学习笔记1.0)
文章目录前言一.Vue是什么? 二.前端核心分析 1.1.概述 1.2.前端三要素 1.3.结构层(HTML) 1.4.表现层(CSS) 1.5.行为层(JavaScript) 二.前端发展史 2 ...
python django vue_Django+Vue.js构建项目
本文主要讲述如何从0开始,用Django和Vue.js构建一个项目.文章提要:Django与vue.js整合开发原理从头新建一个Django项目新建一个前端页面,使用vue应用在Django中设 ...
什么是Vue.js？||为什么要学习流行框架||框架和库的区别？||MVC和MVVM的关系图解
什么是Vue.js? Vue.js 是目前最火的一个前端框架,React是最流行的一个前端框架(React除了开发网站,还可以开发手机App, Vue语法也是可以用于进行手机App开发的,需要借助于W ...
火速拿来用！对比 12,000 个 Vue.js 开源项目发现最实用的 TOP45！
在过去一年里,前端开发发展迅速,前端工程师的薪资亦是水涨船高.2019 更是热度不减,而作为近年来尤为热门的前端框架,Vue.js 自是积累了大量关注.本文将为你介绍 2019 年最值得关注的 45 ...
vue.js 构建项目_使用Vue.js和AWS Amplify构建Chatbot
vue.js 构建项目 Over the last few years, chatbots have exploded in popularity. It makes sense that busin ...
Java项目在jsp页面中引入jquery框架的步骤
http://www.cnblogs.com/wxjnew/p/3831796.html 环境:在Java web项目中引入juqery框架工具:MyEclipse8.5 [步骤如下] A:新建一 ...
2018最新vue.js实战项目：美团外卖平台
vue.js实战项目:美团外卖平台第1章课程简介 1-1 课程简介 1-2 课程安排第2章 Vue.js介绍 2-1 Vuejs介绍-近年来前端开发趋势 2-2 Vuejs介绍-MVVM框架 2 ...

Vue.js - Vue 项目引入 JQuery 框架

Vue.js - Vue 项目引入 JQuery 框架相关推荐

最新文章

热门文章