脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → vue.js → vue 外部插件

vue使用一些外部插件及样式的配置代码

 更新时间：2019年11月18日 10:05:37   作者：tomjoy  
这篇文章主要介绍了vue使用一些外部插件及样式的配置代码,本文分步骤实例图文相结合给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下

一、配置全局css及js样式

1.首先将事先写好的css文件及js文件放在src文件目录下的assets文件下

2.在main.js文件输上图右边两个红色框的代码

二、配置全局jQuery及bootstrap

安装插件步骤：

>: 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文件下配置：

四、配置axios 来完成前后台ajax请求

在main.js文件下配置：

五、配置vue-cookies

完成以上配置，就可以在前端看到是否保存了cookie,以及过期时间

总结

以上所述是小编给大家介绍的vue使用一些外部插件及样式的配置代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

您可能感兴趣的文章:

相关文章

  • vue过滤器用法实例分析

    vue过滤器用法实例分析

    这篇文章主要介绍了vue过滤器用法,结合实例形式总结分析了vue.js常见过滤器相关使用技巧与操作注意事项,需要的朋友可以参考下
    2019-03-03
  • Vue项目pdf(base64)转图片遇到的问题及解决方法

    Vue项目pdf(base64)转图片遇到的问题及解决方法

    这篇文章主要介绍了Vue项目pdf(base64)转图片遇到的问题及解决方法,需要的朋友可以参考下
    2018-10-10
  • vue中的event bus非父子组件通信解析

    vue中的event bus非父子组件通信解析

    本篇文章主要介绍了 vue中的event bus非父子组件通信解析 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • Vue.js实战之通过监听滚动事件实现动态锚点

    Vue.js实战之通过监听滚动事件实现动态锚点

    监听事件是我们在使用vue.js的时候经常使用的一个功能，下面这篇文章主要介绍了Vue.js实战之通过监听滚动事件实现动态锚点 的相关资料，文中通过示例代码介绍的非常详细，相信对大家具有一定的参考价值，需要的朋友们下面来一起看看吧。
    2017-04-04
  • Vue项目中数据的深度监听或对象属性的监听实例

    Vue项目中数据的深度监听或对象属性的监听实例

    这篇文章主要介绍了Vue项目中数据的深度监听或对象属性的监听实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2020-07-07
  • vue3输入单号和张数如何自动生成连号的单号

    vue3输入单号和张数如何自动生成连号的单号

    最近遇到这样的需求输入连号事件,需要在表格中输入物流单号,物流号码,生成的数量,名称,点击确定自动生成固定数量的连号物流单号,本文重点介绍vue3输入单号和张数,自动生成连号的单号,感兴趣的朋友一起看看吧
    2024-02-02
  • Vue.Draggable实现交换位置

    Vue.Draggable实现交换位置

    这篇文章主要为大家详细介绍了Vue.Draggable实现交换位置，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-04-04
  • Vue之插件详解

    Vue之插件详解

    这篇文章主要为大家介绍了Vue之插件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助，希望能够给你带来帮助
    2021-11-11
  • vue加载动画element ui V-loading属性的踩坑记录

    vue加载动画element ui V-loading属性的踩坑记录

    这篇文章主要介绍了vue加载动画element ui V-loading属性方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2023-06-06
  • Vue中的计算属性介绍

    Vue中的计算属性介绍

    这篇文章主要介绍了Vue中的计算属性,模板内的表达式,用于简单运算,但是模板中放入太多的逻辑会让模板过重且难以维护，更多具体内容一起进入下面文章学习吧,需要的朋友也可以参考一下
    2021-12-12

最新评论