vue cli3中Mint UI全域性和按需引入

<

!-- 引入樣式 --
>
"stylesheet" href=
"">
<
!-- 引入元件庫 --
>
"">
<
/script>

npm i mint-ui -

s

一、全域性引入

,

二、按需引入

安裝 babel-plugin-component

npm install babel-plugin-component -

d

plugins:[[

"component",]
]

# 在element.js中匯入需要的元件

import vue from

'vue'

import

from

'element-ui'

vue.

use(button)

vue.

use(select)

在 main.js中 引入這個element.js檔案

# main.js

import
'./plugins/element.js'

例如：

# helloworld.vue 中

預設按鈕<
/el-button>
"primary"
>主要按鈕<
/el-button>
"success"
>成功按鈕<
/el-button>
"info"
>資訊按鈕<
/el-button>
"warning"
>警告按鈕<
/el-button>
"danger"
>危險按鈕<
/el-button>
<
/div>
<
/template>

import vue from

'vue'
import
from
'element-ui'
vue.
use(pagination)
vue.
use(dialog)
vue.
use(autocomplete)
vue.
use(dropdown)
vue.
use(dropdownmenu)
vue.
use(dropdownitem)
vue.
use(menu)
vue.
use(submenu)
vue.
use(menuitem)
vue.
use(menuitemgroup)
vue.
use(input)
vue.
use(inputnumber)
vue.
use(radio)
vue.
use(radiogroup)
vue.
use(radiobutton)
vue.
use(checkbox)
vue.
use(checkboxbutton)
vue.
use(checkboxgroup)
vue.
use(switch)
vue.
use(select)
vue.
use(option)
vue.
use(optiongroup)
vue.
use(button)
vue.
use(buttongroup)
vue.
use(table)
vue.
use(tablecolumn)
vue.
use(datepicker)
vue.
use(timeselect)
vue.
use(timepicker)
vue.
use(popover)
vue.
use(tooltip)
vue.
use(breadcrumb)
vue.
use(breadcrumbitem)
vue.
use(form)
vue.
use(formitem)
vue.
use(tabs)
vue.
use(tabpane)
vue.
use(tag)
vue.
use(tree)
vue.
use(alert)
vue.
use(slider)
vue.
use(icon)
vue.
use(row)
vue.
use(col)
vue.
use(upload)
vue.
use(progress)
vue.
use(badge)
vue.
use(card)
vue.
use(rate)
vue.
use(steps)
vue.
use(step)
vue.
use(carousel)
vue.
use(carouselitem)
vue.
use(collapse)
vue.
use(collapseitem)
vue.
use(cascader)
vue.
use(colorpicker)
vue.
use(container)
vue.
use(header)
vue.
use(aside)
vue.
use(main)
vue.
use(footer)
vue.
use(loading.directive)
vue.prototype.$loading = loading.service
vue.prototype.$msgbox = messagebox
vue.prototype.$alert = messagebox.alert
vue.prototype.$confirm = messagebox.confirm
vue.prototype.$prompt = messagebox.prompt
vue.prototype.$notify = notification
vue.prototype.$message = message

vue cli3中mockJs的使用

mock 作用 生成隨機資料，攔截ajax請求 安裝 npm install mockjs 核心 mock.mock mock.random 隨機生成資料 安裝完成後，在src目錄下新建mock資料夾，建立mock index.js作為配置檔案 import mock from mockjs 設定2...

vue cli 3學習要點

只整理了一下vue cli 3的基礎內容部分，其他的見官網 一 簡介vue3 1.它可以通過 vue create 快速建立乙個新專案的腳手架，或者直接通過 vue serve 構建新想法的原型，不需要vue2.0那樣用webpack來構建專案 2.在專案建立的過程中，你也會被提示選擇喜歡的包管理器...

vue cli3建立專案

預設 引入elementui 1.安裝element ui npm i element ui s 2.在main.js上新增 import elementui from element ui import element ui lib theme chalk index.css vue.use el...