欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

vue.use elementui

吉茹定1年前7瀏覽0評論

Element UI是一款基于Vue.js 2.0的桌面端組件庫,提供了各種各樣的組件,例如按鈕、表單、布局等等,非常適合快速搭建一個漂亮的網站前端。

VUE.use(elementUI)是在vue項目中引入elementUI的方式,它是Vue.js的一個插件安裝函數,具有自動防止插件重復安裝的功能。當我們用Vue.use()安裝Vue插件時,實際上是調用了該插件上的install()方法。這個install()方法接受一個Vue構造函數的參數,因此該方法內部可以通過Vue構造函數來注冊指令和響應式屬性以及添加自定義方法等。

// 引入vue和elementUI
import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
// use elementUI
Vue.use(ElementUI)

在引入Element UI之前,請注意要先引入 Vue.js,而且因為Element UI的樣式基于 SCSS 編寫的,所以引入方式要選擇為以下三種中的一種:

// 完整引入 Element 和樣式
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
// 按需引入 Element
import { Button, Select } from 'element-ui'
Vue.use(Button)
Vue.use(Select)
// 完全按需引入 Element,不包括樣式
import { Button, Select } from 'element-ui'
Vue.component(Button.name, Button)
Vue.component(Select.name, Select)

當我們在Vue項目中成功導入和使用elementUI之后,我們就可以在各種頁面組件中引用elementUI提供的各種組件了。比如我們在一個組件中使用Element UI的按鈕組件:

總之,Vue.use(elementUI) 是 Vue 用來注冊插件的方法,在 Vue 項目中引入 elementUI 可以大大提高開發效率,快速搭建漂亮的網站前端。 如果您還沒有嘗試過 Vue、ElementUI 的強大組合,不妨試一試,相信您不會后悔的。

下一篇vue.js銜接