vue使用一些外部插件及样式的配置代码


Posted in Javascript onNovember 18, 2019

一、配置全局css及js样式

vue使用一些外部插件及样式的配置代码

1.首先将事先写好的css文件及js文件放在src文件目录下的assets文件下

2.在main.js文件输上图右边两个红色框的代码

二、配置全局jQuery及bootstrap

vue使用一些外部插件及样式的配置代码

安装插件步骤:

>: cnpm install jquery

vue/cli 3 配置jQuery:在vue.config.js中配置(没有,手动项目根目录下新建)

const webpack = require("webpack");

module.exports = {
 configureWebpack: {
  plugins: [
   new webpack.ProvidePlugin({
    $: "jquery",
    jQuery: "jquery",
    "window.jQuery": "jquery",
    Popper: ["popper.js", "default"]
   })
  ]
  }
};

BootStrap

>: cnpm install bootstrap@3

vue/cli 3 配置BootStrap:在main.js中配置

import "bootstrap"
import "bootstrap/dist/css/bootstrap.css"

三、使用element-ui插件

使用说明见官网地址: https://element.eleme.cn/#/zh-CN

在main.js文件下配置:

vue使用一些外部插件及样式的配置代码

四、配置axios 来完成前后台ajax请求

在main.js文件下配置:

vue使用一些外部插件及样式的配置代码

vue使用一些外部插件及样式的配置代码

五、配置vue-cookies

vue使用一些外部插件及样式的配置代码

vue使用一些外部插件及样式的配置代码

完成以上配置,就可以在前端看到是否保存了cookie,以及过期时间

总结

以上所述是小编给大家介绍的vue使用一些外部插件及样式的配置代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
jQuery使用手册之二 DOM操作
Mar 24 Javascript
JavaScript 对象模型 执行模型
Oct 15 Javascript
IE6下出现JavaScript未结束的字符串常量错误的解决方法
Nov 21 Javascript
js如何判断不同系统的浏览器类型
Oct 28 Javascript
Jquery方式获取iframe页面中的 Dom元素
May 07 Javascript
jquery实现图片随机排列的方法
May 04 Javascript
JavaScript实现非常简单实用的下拉菜单效果
Aug 27 Javascript
深入浅析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性
Dec 16 Javascript
微信小程序getPhoneNumber获取用户手机号
Sep 29 Javascript
微信小程序中使用ECharts 异步加载数据实现图表功能
Jul 13 Javascript
如何使用less实现随机下雪动画详解
Jan 02 Javascript
详解vue微信网页授权最终解决方案
Jun 16 Javascript
重置Redux的状态数据的方法实现
Nov 18 #Javascript
JavaScript数值类型知识汇总
Nov 17 #Javascript
实例分析JS中的相等性判断===、 ==和Object.is()
Nov 17 #Javascript
AngularJS动态生成select下拉框的方法实例
Nov 17 #Javascript
24行JavaScript代码实现Redux的方法实例
Nov 17 #Javascript
JavaScript如何处理移动端拍摄图片旋转问题
Nov 16 #Javascript
JS Ajax请求会话过期处理问题解决方法分析
Nov 16 #Javascript
You might like
PHP实现文件安全下载
2006/10/09 PHP
javascript下判断一个对象是否具有指定名称的属性的的代码
2010/01/11 Javascript
简洁Ajax函数处理(示例代码)
2013/11/15 Javascript
浅谈Javascript 执行顺序
2013/12/18 Javascript
Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法
2014/08/15 Javascript
jQuery中closest和parents的区别分析
2015/05/07 Javascript
js实现a标签超链接提交form表单的方法
2015/06/24 Javascript
jQuery实现淡入淡出二级下拉导航菜单的方法
2015/08/28 Javascript
jquery二级目录选中当前页的css样式
2016/12/08 Javascript
详解用vue.js和laravel实现微信授权登陆
2017/06/23 Javascript
vue教程之toast弹框全局调用示例详解
2020/08/24 Javascript
vue-cli axios请求方式及跨域处理问题
2018/03/28 Javascript
微信小程序如何修改radio和checkbox的默认样式和图标
2019/07/24 Javascript
Vue路由守卫之路由独享守卫
2019/09/25 Javascript
原生JavaScript实现随机点名表
2021/01/14 Javascript
[47:04]LGD vs infamous Supermajor小组赛D组 BO3 第二场 6.3
2018/06/04 DOTA
[03:17]史诗级大片应援2018DOTA2国际邀请赛 致敬每一位坚守遗迹的勇士
2018/07/20 DOTA
Python的Bottle框架中返回静态文件和JSON对象的方法
2015/04/30 Python
python实现自动重启本程序的方法
2015/07/09 Python
详解Python中contextlib上下文管理模块的用法
2016/06/28 Python
Python Flask前后端Ajax交互的方法示例
2018/07/31 Python
Python函数定义及传参方式详解(4种)
2019/03/18 Python
Python中新式类与经典类的区别详析
2019/07/10 Python
Python通过TensorFLow进行线性模型训练原理与实现方法详解
2020/01/15 Python
python pymysql链接数据库查询结果转为Dataframe实例
2020/06/05 Python
南非最大的在线时尚商店:Zando
2019/07/21 全球购物
JD Sports澳洲官网:英国领先的运动鞋和运动时尚零售商
2020/02/15 全球购物
PHP高级工程师面试问题推荐
2013/01/18 面试题
汽车机修工岗位职责
2014/03/06 职场文书
国窖1573广告词
2014/03/21 职场文书
工地门卫岗位职责范本
2014/07/01 职场文书
2014年自愿离婚协议书范本
2014/09/25 职场文书
承兑汇票转让证明怎么写?
2014/11/30 职场文书
人事专员岗位职责
2015/02/03 职场文书
《金钱的魔力》教学反思
2016/02/20 职场文书
2016年八一建军节活动总结
2016/04/05 职场文书