vue2 引入外部JQ

一、添加依赖，在package.json中找到dependencies模块，然后往里面追加jQuery，以jq版本2.2.3为例：

"dependencies": {

"vue": "^2.3.3","vue-router": "^2.6.0","jquery" : "^2.2.3"

},

然后命令行：npm install

二、添加完依赖后，修改webpack配置，找到webpack.base.conf.js，引入：

var webpack = require("webpack")

module.exports挂载jQuery插件：

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

三、重启页面:

npm run dev

四、引用jQuery：

import $ from ‘jquery‘

时间： 2024-10-14 00:47:08

vue2 引入外部JQ的相关文章

<link>和@import url()引入外部css文件的区别

【html】【2】html引入外部文件js css

1>引入js 我们只是写了简单必须的html标签,从未给标签添加点击事件,这次页面添加事件. >写入html页面,可以在<head>标签内也可以在<body>标签内 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>小娜娜</title> 5 <script type="text/javascript"> 6 document.writ

XML配置中引入外部property文件

新建properties配置文件内容如下: jdbc.driverClassName=com.mysql.jdbc.Driver jdbc.url=jdbc\:mysql\://localhost\:3306/book_mybatis?user\=root&password\=root&useUnicode\=true&characterEncoding\=UTF-8 有两个属性, ①jdbc.dirverClassName ; ②jdbc.url. <!-- 导入属性配置

jsp、css中引入外部资源相对路径的问题

在jsp页面中添加base,可用相对路径: <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> 然后在<head>标签内添加base <base

如何引入外部font文字

1.首先在电脑上找到想要引入的外部字体然后下载font文字,以.ttf结尾的 2.将以.ttf结尾的字体,放到自己项目的font文件夹下面 3.在css里面引入外部字体 @font-face{ font-family: 'Open Sans';//文字名称(文字名称,将.ttf用记事本打开就能看到,通常是第一行:) src : url('../font/OpenSans-Regular.ttf');//路径 } 4.最后使用外部文字,如:a {font-family:'Open Sans'}

spring 配置文件引入外部的property文件的两种方法

spring 的配置文件引入外部的property文件的两种方法  <bean id="propertyConfigurer" class="org.springframework.beans.factory.config.PropertyPlaceholderConfigurer"> <property name="locations"> <lis

久未更 ~ 五之 —— 引入外部CSS样式表小节

> > > > > 久未更系列一:在html中引入外部css样式表 1 //引入外部css样式表 2 //<lilnk>要放在<head>标签的第一行,否则不起作用 3 //如下 4 <head> 5 <link rel="stylesheet" type="text/css" href="waibu.css"> 6 <meta charset="ut

maven 引入外部jar包的几种方式（转）

原文链接: maven 引入外部jar包的几种方式方式1:dependency 本地jar包 <dependency> <groupId>com.hope.cloud</groupId>  <artifactId>cloud</artifactId>  <version>1.0</version>  <scope>

OpenSCAD中使用include或use引入外部库

一.OpenSCAD 使用include或use引入外部库本文英文版本参考:https://en.wikibooks.org/wiki/OpenSCAD_User_Manual/Include_Statement ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ OpenSCAD可以快速引入外部库,功能非常强大.意味着不仅可以把一些实用函数进行封装,放到库中进行重用,还可以方便地共享代码和使用第三方代码库.包含外部库的代码,可以使用include和us