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 相关文章推荐
一些主流JS框架中DOMReady事件的实现小结
Feb 12 Javascript
表单提交前触发函数返回true表单才会提交
Mar 11 Javascript
javascript学习笔记(七)Ajax和Http状态码
Oct 08 Javascript
jquery实现textarea输入框限制字数的方法
Jan 15 Javascript
原创jQuery弹出层插件分享
Apr 02 Javascript
使用console进行性能测试
Apr 27 Javascript
详解Html a标签中href和onclick用法、区别、优先级别
Jan 16 Javascript
Google 爬虫如何抓取 JavaScript 的内容
Apr 07 Javascript
angularJs中datatable实现代码
Jun 03 Javascript
使用jQuery实现页面定时弹出广告效果
Aug 24 jQuery
微信小程序结合Storage实现搜索历史效果
May 18 Javascript
原生javascript制作的拼图游戏实现方法详解
Feb 23 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中其他类型转化为Bool类型
2016/03/28 PHP
PHP 计算两个特别大的整数实例代码
2018/05/07 PHP
PHP+ajax实现获取新闻数据简单示例
2018/05/08 PHP
thinkphp5框架前后端分离项目实现分页功能的方法分析
2019/10/08 PHP
JS延迟加载(setTimeout) JS最后加载
2010/07/15 Javascript
让人印象深刻的10个jQuery手风琴效果应用
2012/05/08 Javascript
Javascript delete 引用类型对象
2013/11/01 Javascript
JavaScript编写检测用户所使用的浏览器的代码示例
2016/05/05 Javascript
jQuery验证插件validate使用方法详解
2020/09/13 Javascript
值得分享的轻量级Bootstrap Table表格插件
2016/05/30 Javascript
AngularJS基础 ng-include 指令示例讲解
2016/08/01 Javascript
Vue学习笔记进阶篇之过渡状态详解
2017/07/14 Javascript
使用vue的transition完成滑动过渡的示例代码
2018/06/25 Javascript
如何使用CSS3+JQuery实现悬浮墙式菜单
2019/06/18 jQuery
js实现内置计时器
2019/12/16 Javascript
python错误处理详解
2014/09/28 Python
使用Flask集成bootstrap的方法
2018/07/24 Python
通过PHP与Python代码对比的语法差异详解
2019/07/10 Python
python实现猜数字游戏
2020/03/25 Python
Python3 shutil(高级文件操作模块)实例用法总结
2020/02/19 Python
python网络编程之五子棋游戏
2020/05/14 Python
Python字节单位转换(将字节转换为K M G T)
2021/03/02 Python
HTML5地理定位_动力节点Java学院整理
2017/07/12 HTML / CSS
怀俄明州飞钓:Platte River Fly Shop
2017/12/28 全球购物
Smallable意大利家庭概念店:设计师童装及家居装饰
2018/01/08 全球购物
前厅部经理岗位职责范文
2014/02/04 职场文书
绩效管理实施方案
2014/03/19 职场文书
委托书范文
2014/04/02 职场文书
商业计算机应用专业自荐书
2014/06/09 职场文书
计算机软件专业求职信
2014/06/10 职场文书
建筑安全责任书范本
2014/07/24 职场文书
安全生产工作汇报
2014/10/28 职场文书
Golang全局变量加锁的问题解决
2021/05/08 Golang
PostgreSQL数据库去除重复数据和运算符的基本查询操作
2022/04/12 PostgreSQL
SpringBoot 集成短信和邮件 以阿里云短信服务为例
2022/04/22 Java/Android
Redis实现主从复制方式(Master&Slave)
2022/06/21 Redis