欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue使用一些外部插件及樣式的配置代碼

 更新時(shí)間：2019年11月18日 10:05:37   作者：tomjoy  
這篇文章主要介紹了vue使用一些外部插件及樣式的配置代碼,本文分步驟實(shí)例圖文相結(jié)合給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

一、配置全局css及js樣式

1.首先將事先寫好的css文件及js文件放在src文件目錄下的assets文件下

2.在main.js文件輸上圖右邊兩個(gè)紅色框的代碼

二、配置全局jQuery及bootstrap

安裝插件步驟：

>: cnpm install jquery

vue/cli 3 配置jQuery：在vue.config.js中配置(沒有，手動項(xiàng)目根目錄下新建)

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插件

使用說明見官網(wǎng)地址： https://element.eleme.cn/#/zh-CN

在main.js文件下配置：

四、配置axios 來完成前后臺ajax請求

在main.js文件下配置：

五、配置vue-cookies

完成以上配置，就可以在前端看到是否保存了cookie,以及過期時(shí)間

總結(jié)

以上所述是小編給大家介紹的vue使用一些外部插件及樣式的配置代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！

相關(guān)文章

  • vue過濾器用法實(shí)例分析

    vue過濾器用法實(shí)例分析

    這篇文章主要介紹了vue過濾器用法,結(jié)合實(shí)例形式總結(jié)分析了vue.js常見過濾器相關(guān)使用技巧與操作注意事項(xiàng),需要的朋友可以參考下
    2019-03-03
  • Vue項(xiàng)目pdf(base64)轉(zhuǎn)圖片遇到的問題及解決方法

    Vue項(xiàng)目pdf(base64)轉(zhuǎn)圖片遇到的問題及解決方法

    這篇文章主要介紹了Vue項(xiàng)目pdf(base64)轉(zhuǎn)圖片遇到的問題及解決方法,需要的朋友可以參考下
    2018-10-10
  • vue中的event bus非父子組件通信解析

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

    本篇文章主要介紹了 vue中的event bus非父子組件通信解析 ，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-10-10
  • Vue.js實(shí)戰(zhàn)之通過監(jiān)聽滾動事件實(shí)現(xiàn)動態(tài)錨點(diǎn)

    Vue.js實(shí)戰(zhàn)之通過監(jiān)聽滾動事件實(shí)現(xiàn)動態(tài)錨點(diǎn)

    監(jiān)聽事件是我們在使用vue.js的時(shí)候經(jīng)常使用的一個(gè)功能，下面這篇文章主要介紹了Vue.js實(shí)戰(zhàn)之通過監(jiān)聽滾動事件實(shí)現(xiàn)動態(tài)錨點(diǎn) 的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，相信對大家具有一定的參考價(jià)值，需要的朋友們下面來一起看看吧。
    2017-04-04
  • Vue項(xiàng)目中數(shù)據(jù)的深度監(jiān)聽或?qū)ο髮傩缘谋O(jiān)聽實(shí)例

    Vue項(xiàng)目中數(shù)據(jù)的深度監(jiān)聽或?qū)ο髮傩缘谋O(jiān)聽實(shí)例

    這篇文章主要介紹了Vue項(xiàng)目中數(shù)據(jù)的深度監(jiān)聽或?qū)ο髮傩缘谋O(jiān)聽實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-07-07
  • vue3輸入單號和張數(shù)如何自動生成連號的單號

    vue3輸入單號和張數(shù)如何自動生成連號的單號

    最近遇到這樣的需求輸入連號事件,需要在表格中輸入物流單號,物流號碼,生成的數(shù)量,名稱,點(diǎn)擊確定自動生成固定數(shù)量的連號物流單號,本文重點(diǎn)介紹vue3輸入單號和張數(shù),自動生成連號的單號,感興趣的朋友一起看看吧
    2024-02-02
  • Vue.Draggable實(shí)現(xiàn)交換位置

    Vue.Draggable實(shí)現(xiàn)交換位置

    這篇文章主要為大家詳細(xì)介紹了Vue.Draggable實(shí)現(xiàn)交換位置，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2022-04-04
  • Vue之插件詳解

    Vue之插件詳解

    這篇文章主要為大家介紹了Vue之插件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助，希望能夠給你帶來幫助
    2021-11-11
  • vue加載動畫element ui V-loading屬性的踩坑記錄

    vue加載動畫element ui V-loading屬性的踩坑記錄

    這篇文章主要介紹了vue加載動畫element ui V-loading屬性方式，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
    2023-06-06
  • Vue中的計(jì)算屬性介紹

    Vue中的計(jì)算屬性介紹

    這篇文章主要介紹了Vue中的計(jì)算屬性,模板內(nèi)的表達(dá)式,用于簡單運(yùn)算,但是模板中放入太多的邏輯會讓模板過重且難以維護(hù)，更多具體內(nèi)容一起進(jìn)入下面文章學(xué)習(xí)吧,需要的朋友也可以參考一下
    2021-12-12

最新評論