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 表格操作(交替显示、拖动表格行、选择行等)
Jul 29 Javascript
扩展JavaScript功能的正确方法(译文)
Apr 12 Javascript
javascript中处理时间戳为日期格式的方法
Jan 02 Javascript
JavaScript AOP编程实例
Jun 16 Javascript
JavaScript类型系统之正则表达式
Jan 05 Javascript
easyui简介_动力节点Java学院整理
Jul 14 Javascript
jQuery选择器中的特殊符号处理方法
Sep 08 jQuery
vue+swiper实现组件化开发的实例代码
Oct 26 Javascript
JavaScript设计模式之观察者模式实例详解
Jan 16 Javascript
JS中的算法与数据结构之列表(List)实例详解
Aug 16 Javascript
vue3.0中使用postcss-pxtorem的具体方法
Nov 20 Javascript
element日历calendar组件上月、今天、下月、日历块点击事件及模板源码
Jul 27 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
关于Appserv无法打开localhost问题的解决方法
2009/10/16 PHP
使用PHP生成二维码的两种方法(带logo图像)
2014/03/14 PHP
PHP实现抓取Google IP并自动修改hosts文件
2015/02/12 PHP
WordPress中用于更新伪静态规则的PHP代码实例讲解
2015/12/18 PHP
php post json参数的传递和接收处理方法
2018/05/31 PHP
cookie 最近浏览记录(中文escape转码)具体实现
2013/06/08 Javascript
什么是Node.js?Node.js详细介绍
2014/06/01 Javascript
javascript遇到html5的一些表单属性
2015/07/05 Javascript
javascript仿京东导航左侧分类导航下拉菜单效果
2020/11/25 Javascript
jQuery ajax 当async为false时解决同步操作失败的问题
2016/11/18 Javascript
详解Vue单元测试Karma+Mocha学习笔记
2018/01/31 Javascript
Postman模拟发送带token的请求方法
2018/03/31 Javascript
vue中倒计时组件的实例代码
2018/07/06 Javascript
ES6 如何改变JS内置行为的代理与反射
2019/02/11 Javascript
vue基础之事件v-onclick="函数"用法示例
2019/03/11 Javascript
使用webpack搭建vue项目实现脚手架功能
2019/03/15 Javascript
优雅地使用loading(推荐)
2019/04/20 Javascript
angular4应用中输入的最小值和最大值的方法
2019/05/17 Javascript
[02:47]DOTA2亚洲邀请赛 HR战队出场宣传片
2015/02/07 DOTA
python双向链表实现实例代码
2013/11/21 Python
Python import用法以及与from...import的区别
2015/05/28 Python
Python实现简单层次聚类算法以及可视化
2019/03/18 Python
PyCharm安装Markdown插件的两种方法
2019/06/24 Python
Python 运行.py文件和交互式运行代码的区别详解
2019/07/02 Python
Python 爬虫实现增加播客访问量的方法实现
2019/10/31 Python
python kafka 多线程消费者&手动提交实例
2019/12/21 Python
Python把图片转化为pdf代码实例
2020/07/28 Python
利于python脚本编写可视化nmap和masscan的方法
2020/12/29 Python
StubHub希腊:购买体育赛事、音乐会和剧院门票
2019/08/03 全球购物
怎么写自荐书范文
2014/02/12 职场文书
企业活动策划方案
2014/06/02 职场文书
岗位安全生产责任书
2014/07/28 职场文书
2014医学院领导班子对照检查材料思想汇报
2014/09/19 职场文书
自我检讨书范文
2015/01/28 职场文书
2015年教师教学工作总结
2015/04/28 职场文书
vue实力踩坑之push当前页无效
2022/04/10 Vue.js