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 相关文章推荐
推荐20家国外的脚本下载网站
Apr 28 Javascript
jQuery+css+html实现页面遮罩弹出框
Mar 21 Javascript
jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
Apr 10 Javascript
当鼠标移动到图片上时跟随鼠标显示放大的图片效果
Jun 06 Javascript
在JSP中如何实现MD5加密的方法
Nov 02 Javascript
JS验证字符串功能
Feb 22 Javascript
bootstrap模态框远程示例代码分享
May 22 Javascript
Angular实现的简单查询天气预报功能示例
Dec 27 Javascript
Vue仿今日头条实例详解
Feb 06 Javascript
js序列化和反序列化的使用讲解
Jan 19 Javascript
微信小程序实现banner图轮播效果
Jun 28 Javascript
JS实现购物车基本功能
Nov 08 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
如何阻止网站被恶意反向代理访问(防网站镜像)
2014/03/18 PHP
jquery+php+ajax显示上传进度的多图片上传并生成缩略图代码
2014/10/15 PHP
PHP如何将XML转成数组
2016/04/04 PHP
PHP实现广度优先搜索算法(BFS,Broad First Search)详解
2017/09/16 PHP
PHP 文件写入和读取操作实例详解【必看篇】
2019/11/04 PHP
dojo 之基础篇(三)之向服务器发送数据
2007/03/24 Javascript
国外的为初学者写的JavaScript教程
2008/06/09 Javascript
28个JS验证函数收集
2010/03/02 Javascript
可选择和输入的下拉列表框示例
2013/11/05 Javascript
如何用javascript计算文本框还能输入多少个字符
2015/07/29 Javascript
不想让浏览器运行javascript脚本的方法
2015/11/20 Javascript
jQuery简单实现点击文本框复制内容到剪贴板上的方法
2016/08/01 Javascript
详解nodejs微信公众号开发——3.封装消息响应模块
2017/04/10 NodeJs
Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件
2018/06/19 Javascript
vue router带参数页面刷新或回退参数消失的解决方法
2019/02/27 Javascript
jQuery+ajax实现用户登录验证
2020/09/13 jQuery
python自动化测试之从命令行运行测试用例with verbosity
2014/09/28 Python
Python调用ctypes使用C函数printf的方法
2017/08/23 Python
python 3.0 模拟用户登录功能并实现三次错误锁定
2017/11/01 Python
python如何在列表、字典中筛选数据
2018/03/19 Python
django请求返回不同的类型图片json,xml,html的实例
2018/05/22 Python
Python常见排序操作示例【字典、列表、指定元素等】
2018/08/15 Python
Python占用的内存优化教程
2019/07/28 Python
python处理RSTP视频流过程解析
2020/01/11 Python
keras用auc做metrics以及早停实例
2020/07/02 Python
python从PDF中提取数据的示例
2020/10/30 Python
世界上最好的精品店:Shoptiques
2018/02/05 全球购物
日本订房网站,预订日本星级酒店/温泉旅馆:Relux(支持中文)
2020/01/03 全球购物
英国森林假期:Forest Holidays
2021/01/01 全球购物
中学生自我评价范文
2014/02/08 职场文书
写自荐信的注意事项
2014/03/09 职场文书
公司聘任书模板
2014/03/29 职场文书
重阳节慰问信
2015/02/15 职场文书
2016新党章学习心得体会
2016/01/15 职场文书
《工作是最好的修行》读后感3篇
2019/12/13 职场文书
vue完美实现el-table列宽自适应
2021/05/08 Vue.js