vue中如何引入jQuery和Bootstrap


Posted in jQuery onApril 10, 2017

这两天学习了Vue.js ,所以,今天添加一点小笔记。

一、引入jQuery

在当前项目的目录下(就是package.json),运行命令 cnpm install jquery --save-dev  这样就将jquery安装到了这个项目中。

然后修改webpack.base.conf.js(在build文件下)两个地方:

1:加入

var webpack=require('webpack');

2 在module.exports的里面加入

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

最后在main.js中加入import $ form 'jquery',完成jquery的引入

二、引入 bootstrap.css文件:

修改webpack.base.conf.js

resolve: {
extensions: ['.js', '.vue', '.json'],

alias: {

'vue$': 'vue/dist/vue.esm.js',

'@': resolve('src'),

'bootstrap':resolve('src/assets/bootstrap'),

}
},

在main.js中import引入

import 'bootstrap/js/bootstrap.min.js'
import 'bootstrap/css/bootstrap.min.css'

三、引入bootstrap.min.js文件:

在main.js中import引入

import 'bootstrap/js/bootstrap.min.js'

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jQuery实现鼠标经过显示动画边框特效
Mar 24 jQuery
解决IE7中使用jQuery动态操作name问题
Aug 28 jQuery
jQuery实现的form转json经典示例
Oct 10 jQuery
jQuery实现动态添加节点与遍历节点功能示例
Nov 09 jQuery
集成vue到jquery/bootstrap项目的方法
Feb 10 jQuery
jQuery实现的页面详情展开收起功能示例
Jun 11 jQuery
解决jquery有正确返回值但不执行success函数的问题
Aug 20 jQuery
jQuery操作attr、prop、val()/text()/html()、class属性
May 23 jQuery
JQuery常用选择器功能与用法实例分析
Dec 23 jQuery
基于ajax及jQuery实现局部刷新过程解析
Sep 12 jQuery
jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()
Mar 31 jQuery
jquery插件实现搜索历史
Apr 24 jQuery
jQuery插件FusionCharts绘制2D柱状图和折线图的组合图效果示例【附demo源码】
Apr 10 #jQuery
jQuery插件FusionCharts绘制2D环饼图效果示例【附demo源码】
Apr 10 #jQuery
jQuery EasyUI之验证框validatebox实例详解
Apr 10 #jQuery
Django1.7+JQuery+Ajax验证用户注册集成小例子
Apr 08 #jQuery
利用jQuery解析获取JSON数据
Apr 08 #jQuery
JavaScript使用链式方法封装jQuery中CSS()方法示例
Apr 07 #jQuery
jQuery中map函数的两种方式
Apr 07 #jQuery
You might like
让PHP支持页面回退的两种方法
2008/01/10 PHP
php入门教程 精简版
2009/12/13 PHP
PHP学习之字符串比较和查找
2011/04/17 PHP
PHP跳转页面的几种实现方法详解
2013/06/08 PHP
PHP生成随机密码方法汇总
2015/08/27 PHP
PHP语法小结之基础和变量
2015/11/22 PHP
php+mysql+jquery实现简易的检索自动补全提示功能
2017/04/15 PHP
laravel5.4利用163邮箱发送邮件的步骤详解
2017/09/22 PHP
laravel 修改.htaccess文件 重定向public的解决方法
2019/10/12 PHP
jQuery1.6 使用方法二
2011/11/23 Javascript
Javascript中的arguments与重载介绍
2015/03/15 Javascript
js获取字符串字节数方法小结
2015/06/09 Javascript
轻松学习jQuery插件EasyUI EasyUI表单验证
2015/12/01 Javascript
浅析Bootstrap验证控件的使用
2016/06/23 Javascript
jquery hover 不停闪动问题的解决方法(亦为stop()的使用)
2017/02/10 Javascript
JS使用canvas中的measureText方法测量字体宽度示例
2019/02/02 Javascript
详解vue的双向绑定原理及实现
2019/05/05 Javascript
JavaScript实现的滚动公告特效【基于jQuery】
2019/07/10 jQuery
[00:52]DOTA2齐天大圣预告片
2016/08/13 DOTA
[06:45]DOTA2-DPC中国联赛 正赛 Magma vs LBZS 选手采访
2021/03/11 DOTA
Python 可爱的大小写
2008/09/06 Python
浅谈Python浅拷贝、深拷贝及引用机制
2016/12/15 Python
python 捕获 shell/bash 脚本的输出结果实例
2017/01/04 Python
python调用外部程序的实操步骤
2019/03/04 Python
解决python 读取excel时 日期变成数字并加.0的问题
2019/10/08 Python
在python里创建一个任务(Task)实例
2020/04/25 Python
零基础小白多久能学会python
2020/06/22 Python
python 爬取免费简历模板网站的示例
2020/09/27 Python
运动会入场解说词300字
2014/01/25 职场文书
20年同学聚会邀请函
2014/02/04 职场文书
军训自我鉴定200字
2014/02/13 职场文书
学校庆元旦歌咏比赛主持词
2014/03/18 职场文书
小学少先队工作总结2015
2015/05/26 职场文书
建党伟业电影观后感
2015/06/01 职场文书
2016年世界艾滋病日宣传活动总结
2016/04/01 职场文书
Python利用capstone实现反汇编
2022/04/06 Python