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 相关文章推荐
javascript 放大镜效果js组件 qsoft.PopBigImage.v0.35 加入了chrome支持
Apr 07 Javascript
JavaScript中的面向对象介绍
Jun 30 Javascript
Javascript获取窗口(容器)的大小及位置参数列举及简要说明
Dec 09 Javascript
简单的Jquery遮罩层代码实例
Nov 14 Javascript
EasyUI 结合JS导出Excel文件的实现方法
Nov 10 Javascript
Node.js中路径处理模块path详解
Nov 14 Javascript
基于vue实现swipe分页组件实例
May 25 Javascript
详解element-ui级联菜单(城市三级联动菜单)和回显问题
Oct 02 Javascript
简单了解vue中的v-if和v-show的区别
Oct 08 Javascript
VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)
Aug 27 Javascript
原生js实现照片墙效果
Oct 13 Javascript
js作用域及作用域链工作引擎
Jul 07 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中读取和写入WORD文档的代码
2008/04/09 PHP
使用PHP导出Word文档的原理和实例
2013/10/21 PHP
PHP下 Mongodb 连接远程数据库的实例代码
2017/08/30 PHP
详细解读php的命名空间(一)
2018/02/21 PHP
Jvascript学习实践案例(开发常用)
2012/06/25 Javascript
js函数排序的实例代码
2013/07/01 Javascript
javascript简单实现表格行间隔显示颜色并高亮显示
2013/11/29 Javascript
js与jquery正则验证电子邮箱、手机号、邮政编码的方法
2016/07/04 Javascript
详解vue 中使用 AJAX获取数据的方法
2017/01/18 Javascript
浅谈在node.js进入文件目录的问题
2018/05/13 Javascript
ES6中定义类和对象的方法示例
2019/07/31 Javascript
[04:37]DOTA2英雄梦之声Vol20发条
2014/06/20 DOTA
跟老齐学Python之坑爹的字符编码
2014/09/28 Python
使用Python脚本将文字转换为图片的实例分享
2015/08/29 Python
python实现自动获取IP并发送到邮箱
2018/12/26 Python
python利用wx实现界面按钮和按钮监听和字体改变的方法
2019/07/17 Python
python自动循环定时开关机(非重启)测试
2019/08/26 Python
命令行运行Python脚本时传入参数的三种方式详解
2019/10/11 Python
python中@property和property函数常见使用方法示例
2019/10/21 Python
sklearn+python:线性回归案例
2020/02/24 Python
python爬虫多次请求超时的几种重试方法(6种)
2020/12/01 Python
唤醒头发毛囊的秘密武器:Grow Gorgeous
2016/08/28 全球购物
拉夫劳伦爱尔兰官方网站:Ralph Lauren爱尔兰
2020/04/10 全球购物
介绍Ibatis的核心类
2013/11/18 面试题
创业计划书六个要素
2013/12/26 职场文书
幼儿园教师国培感言
2014/02/02 职场文书
劲霸男装广告词改编版
2014/03/21 职场文书
开业庆典主持词
2014/03/21 职场文书
项目建议书范文
2014/05/12 职场文书
在职党员进社区活动总结
2014/07/05 职场文书
先进个人事迹材料
2014/12/29 职场文书
机关单位保密工作责任书
2015/05/11 职场文书
详解CocosCreator项目结构机制
2021/04/14 Javascript
nginx结合openssl实现https的方法
2021/07/25 Servers
MySQL学习之基础操作总结
2022/03/19 MySQL
5人制售《绝地求生》游戏外挂获利500多万元 被判刑
2022/03/31 其他游戏