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 相关文章推荐
怎么让脚本或里面的函数在所有图片都载入完毕的时候执行
Oct 17 Javascript
javascript IFrame 强制刷新代码
Jul 23 Javascript
jquery监控数据是否变化(修正版)
Apr 12 Javascript
JQuery模板插件 jquery.tmpl 动态ajax扩展
Nov 10 Javascript
解决js正则匹配换行问题实现代码
Dec 10 Javascript
Jquery网页出现的乱码问题的三种解决方法
Jun 30 Javascript
理解jQuery stop()方法
Nov 21 Javascript
Svg.js实例教程及使用手册详解(一)
May 16 Javascript
jQuery日期范围选择器附源码下载
May 23 jQuery
关于vue中watch检测到不到对象属性的变化的解决方法
Feb 08 Javascript
JQuery元素快速查找与操作
Apr 22 jQuery
更强大的vue ssr实现预取数据的方式
Jul 19 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创建多级目录的方法
2015/03/24 PHP
php下载文件,添加响应头的简单实例
2016/09/22 PHP
js动态在form上插入enctype=multipart/form-data的问题
2012/05/24 Javascript
jQuery使用数组编写图片无缝向左滚动
2012/12/11 Javascript
你必须知道的JavaScript 中字符串连接的性能的一些问题
2013/05/07 Javascript
Jquery多选框互相内容交换的实例代码
2013/07/04 Javascript
JavaScript编程的10个实用小技巧
2014/04/18 Javascript
jQuery实现防止提交按钮被双击的方法
2015/03/24 Javascript
jquery背景跟随鼠标滑动导航
2015/11/20 Javascript
快速掌握Node.js之Window下配置NodeJs环境
2016/03/21 NodeJs
浅谈JavaScript对象的创建方式
2016/06/13 Javascript
原生js图片轮播效果实现代码
2016/10/19 Javascript
vue调用高德地图实例代码
2017/04/28 Javascript
node+koa实现数据mock接口的方法
2017/09/20 Javascript
vue实现tab切换外加样式切换方法
2018/03/16 Javascript
详解webpack-dev-server使用方法
2018/09/14 Javascript
基于JQuery和DWR实现异步数据传递
2020/10/16 jQuery
简单介绍Python中利用生成器实现的并发编程
2015/05/04 Python
利用TensorFlow训练简单的二分类神经网络模型的方法
2018/03/05 Python
Pandas操作CSV文件的读写实现方法
2019/11/13 Python
Pytorch mask_select 函数的用法详解
2020/02/18 Python
详解python日志输出使用配置文件格式
2021/02/10 Python
python爬虫scrapy框架的梨视频案例解析
2021/02/20 Python
李维斯牛仔裤英国官方网站:Levi’s英国
2019/10/10 全球购物
员工入职担保书范文
2014/04/01 职场文书
工作失职检讨书(精华篇)
2014/10/15 职场文书
学生抄作业检讨书(2篇)
2014/10/17 职场文书
影视后期实训报告
2014/11/05 职场文书
芙蓉镇观后感
2015/06/10 职场文书
实习证明格式范文
2015/06/16 职场文书
老兵退伍感言
2015/08/03 职场文书
四年级语文教学反思
2016/03/03 职场文书
民政局2016年“六一”儿童节慰问活动总结
2016/04/06 职场文书
公司年会晚会开幕词
2019/04/02 职场文书
python plt.plot bar 如何设置绘图尺寸大小
2021/06/01 Python
Python中npy和mat文件的保存与读取
2022/04/24 Python