vue連線 外掛程式 vue常用外掛程式及安裝

2021-10-18 17:53:02 字數 1665 閱讀 4872

1.npm install echarts -s echarts (前端圖表)

使用:import echarts from 'echarts'

vue.prototype.echarts = echarts

vue.use(echarts)

2.npm install highcharts -s highcharts (前端圖表)

使用:import highcharts from 'highcharts'

vue.prototype.highcharts = highcharts

vue.use(highcharts)

3.npm install element-ui -s element-ui (前端框架)

使用:import elementui from 'element-ui'

import 'element-ui/lib/theme-chalk/index.css'

vue.use(elementui)

npm install iview -s iview (vuejs的前端框架)

使用:import iview from 'iview'

4.npm install moment -s moment (時間轉化工具)

使用:import moment from "moment"

vue.prototype.$moment = moment;

5.npm install node-sass -s node-sass (css編輯器)

npm install sass-loader-s sass-loader

6.npm install babel-polyfill -s babel-polyfill (相容低版本瀏覽器)

使用:import 'babel-polyfill'

7.npm install swiper -s (前端輪播圖外掛程式)

使用:import swiper from 『swiper』;

import 『swiper/dist/css/swiper.min.css』;

8.npm install vuex -s vuex (倉庫管理器)

使用:9.npm install axios -s axios (相當於ajax)

使用:import axios from 'axios'

vue.prototype.$ajax=axios

10.npm install qs -s qs (呼叫後端介面時要用post)

使用:import qs from 'qs'; (呼叫後端介面時要用post)

11.npm install layui-layer -s layui-layer (彈出框)

使用:import layer from 'layui-layer'

12.npm install v-viewer -s v-viewer (放大檢視器)

使用:import viewer from 'v-viewer'

import 'viewerjs/dist/viewer.css'

vue.use(viewer, {

defaultoptions: {

zindex: 9999

注:在使用的頁面:

聯結器與接外掛程式

什麼是聯結器 聯結器是我們電子工程技術人員經常接觸的一種部件。它的作用非常單純 在電路內被阻斷處或孤立不通的電路之間,架起溝通的橋梁,從而使電流流通,使電路實現預定的功能。聯結器是電子裝置中不可缺少的部件,順著電流流通的通路觀察,你總會發現有乙個或多個聯結器 聯結器形式和結構是千變萬化的,隨著應用物...

react 拖拽連線外掛程式 react拖拽功能實現

因專案中有拖拽功能需求,於是乎在github上找到了react beautiful dnd這個react列表拖拽庫幫助我們實現甬道間拖拽,下面介紹一下react beautiful dnd基本的幾個api和實現方法。dragdropcontext 拖拽上下文。可拖拽的內容需包裹在dragdropco...

Vue安裝及外掛程式Vue Devtools

vue安裝 最新穩定版 npm install vue 全域性安裝 vue cli npm install global vue cli 建立乙個基於 webpack 模板的新專案 vue init webpack my project 安裝依賴,走你 cd my project npm insta...