国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Nuxt.js按需引入 emement-ui

microcosm1994 / 2293人閱讀

摘要：全面配置文章系列安裝依賴修改修改

???nuxt.js全面配置???

???nuxt文章系列???

babel-plugin-component 安裝依賴 
npm i -D babel-plugin-component
// or
yarn add -D babel-plugin-component
修改nuxt.config.js 
module.exports = {
  build: {
    babel: {
      plugins: [
        [
          "component",
          { libraryName: "element-ui", styleLibraryName: "theme-chalk" }
        ]
      ]
    }
  },
}
修改plugins/element-ui.js 
import Vue from "vue"
import {
  Pagination,
  Dialog,
  Autocomplete,
  Dropdown,
  DropdownMenu,
  DropdownItem,
  Menu,
  Submenu,
  MenuItem,
  MenuItemGroup,
  Input,
  InputNumber,
  Radio,
  RadioGroup,
  RadioButton,
  Checkbox,
  CheckboxButton,
  CheckboxGroup,
  Switch,
  Select,
  Option,
  OptionGroup,
  Button,
  ButtonGroup,
  Table,
  TableColumn,
  DatePicker,
  TimeSelect,
  TimePicker,
  Popover,
  Tooltip,
  Breadcrumb,
  BreadcrumbItem,
  Form,
  FormItem,
  Tabs,
  TabPane,
  Tag,
  Tree,
  Alert,
  Slider,
  Icon,
  Row,
  Col,
  Upload,
  Progress,
  Spinner,
  Badge,
  Card,
  Rate,
  Steps,
  Step,
  Carousel,
  Scrollbar,
  CarouselItem,
  Collapse,
  CollapseItem,
  Cascader,
  ColorPicker,
  Transfer,
  Container,
  Header,
  Aside,
  Main,
  Footer,
  Loading,
  Notification,
  Message,
  MessageBox
} from "element-ui"

import lang from "element-ui/lib/locale/lang/zh-CN"
import locale from "element-ui/lib/locale"

// configure language
locale.use(lang)

// set
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

// import components
Vue.component(Pagination.name, Pagination)
Vue.component(Dialog.name, Dialog)
Vue.component(Autocomplete.name, Autocomplete)
Vue.component(Dropdown.name, Dropdown)
Vue.component(DropdownMenu.name, DropdownMenu)
Vue.component(DropdownItem.name, DropdownItem)
Vue.component(Menu.name, Menu)
Vue.component(Submenu.name, Submenu)
Vue.component(MenuItem.name, MenuItem)
Vue.component(MenuItemGroup.name, MenuItemGroup)
Vue.component(Input.name, Input)
Vue.component(InputNumber.name, InputNumber)
Vue.component(Radio.name, Radio)
Vue.component(RadioGroup.name, RadioGroup)
Vue.component(RadioButton.name, RadioButton)
Vue.component(Checkbox.name, Checkbox)
Vue.component(CheckboxButton.name, CheckboxButton)
Vue.component(CheckboxGroup.name, CheckboxGroup)
Vue.component(Switch.name, Switch)
Vue.component(Select.name, Select)
Vue.component(Option.name, Option)
Vue.component(OptionGroup.name, OptionGroup)
Vue.component(Button.name, Button)
Vue.component(ButtonGroup.name, ButtonGroup)
Vue.component(Table.name, Table)
Vue.component(TableColumn.name, TableColumn)
Vue.component(DatePicker.name, DatePicker)
Vue.component(TimeSelect.name, TimeSelect)
Vue.component(TimePicker.name, TimePicker)
Vue.component(Popover.name, Popover)
Vue.component(Tooltip.name, Tooltip)
Vue.component(Breadcrumb.name, Breadcrumb)
Vue.component(BreadcrumbItem.name, BreadcrumbItem)
Vue.component(Form.name, Form)
Vue.component(FormItem.name, FormItem)
Vue.component(Tabs.name, Tabs)
Vue.component(TabPane.name, TabPane)
Vue.component(Tag.name, Tag)
Vue.component(Tree.name, Tree)
Vue.component(Alert.name, Alert)
Vue.component(Slider.name, Slider)
Vue.component(Icon.name, Icon)
Vue.component(Row.name, Row)
Vue.component(Col.name, Col)
Vue.component(Upload.name, Upload)
Vue.component(Progress.name, Progress)
Vue.component(Spinner.name, Spinner)
Vue.component(Badge.name, Badge)
Vue.component(Card.name, Card)
Vue.component(Rate.name, Rate)
Vue.component(Steps.name, Steps)
Vue.component(Step.name, Step)
Vue.component(Carousel.name, Carousel)
Vue.component(Scrollbar.name, Scrollbar)
Vue.component(CarouselItem.name, CarouselItem)
Vue.component(Collapse.name, Collapse)
Vue.component(CollapseItem.name, CollapseItem)
Vue.component(Cascader.name, Cascader)
Vue.component(ColorPicker.name, ColorPicker)
Vue.component(Transfer.name, Transfer)
Vue.component(Container.name, Container)
Vue.component(Header.name, Header)
Vue.component(Aside.name, Aside)
Vue.component(Main.name, Main)
Vue.component(Footer.name, Footer)

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/100141.html

相關文章

  • Vue ui 大法哪家強？

    Element iView Vuex Mint UI Vant cube-ui，對比六大 vue ui 組件庫，選中最適合的那個。 Element(pc) 介紹 & 版本 餓了么前端團隊開發的桌面端組件庫，當前最新版本：2.4.8 Star：32.067k 項目特色 團隊維護 支持三個版本：vue、react、angular 支持 Nuxt.js 常規支持：多語言、自定義主題、按需引入、內置...

    Edison 評論0 收藏0

  • 細說 Vue 組件的服務器端渲染

    摘要：所以，這次就來聊聊組件的服務器端渲染。這種模式下，后端只提供接口，傳統的服務器端路由模板渲染則都有層接管。這樣，前端開發人員可以自由的決定哪些組件需要在服務器端渲染，哪些組件可以放在客戶端渲染，前后端完全解耦，但又保留了服務器端渲染的功能。 細說 Vue 組件的服務器端渲染 聲明：需要讀者對 NodeJs、Vue 服務器端渲染有一定的了解 現在，前后端分離與客戶端渲染已經成為前端開發的...

    reclay 評論0 收藏0

  • Nuxt.js踩坑分享

    摘要：但是解決過程并不是很順利的，在閱讀中文文檔時，忽略版本號，按照上面的提示進行操作，發現不能成功，后來各種，最后發現了該解決方案。發生在這個問題的原因時，服務端并沒有或對象。 構建問題 1. 如何在 head 里面引入js文件? 背景: 在標簽中，以inline的形式引入flexible.js文件。本項目主要為移動端項目，引入flexible.js 實現移動端適配問題。 Nuxt.js ...

    nidaye 評論0 收藏0

  • 2019，開發者應該學習的16個JavaScript框架

    摘要：它不僅從前端移動到后端，我們也開始看到它用于機器學習和增強現實，簡稱。由于其高使用率，年的現狀調查將其稱為采用的安全技術。機器學習框架在年的開發者峰會上，宣布了他們的機器學習框架的實現，稱為。更高級別的用于在之上構建機器學習模型。 2019，開發者應該學習的16個JavaScript框架 showImg(https://segmentfault.com/img/remote/14600...

    Harpsichord1207 評論0 收藏0

  • Nuxt.js 基礎入門教程

    摘要：原文鏈接開發一個單頁面應用，相信很多前端工程師都已經學會了，但是單頁面應用有一個致命的缺點，就是極不友好。基于它，我們可以快速開發一個基于的單頁面應用。只有數據流存在相關配置時可用。引入后，所有頁面均有效。 原文鏈接 Vue 開發一個單頁面應用，相信很多前端工程師都已經學會了，但是單頁面應用有一個致命的缺點，就是 SEO 極不友好。除非，vue 能在服務端渲染（ssr）并直接返回已經渲...

    yedf 評論0 收藏0

發表評論

0條評論

microcosm1994

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<