Vue的view-designUI框架安装与使用

1、安装

npm install view-design --save

2、引用

import ViewUI from 'view-design';
import 'view-design/dist/styles/iview.css';

Vue.use(ViewUI);

3、局部引入

npm install babel-plugin-import --save-dev

4、配置babel.config.js文件

{
  "plugins": [["import", {
    "libraryName": "view-design",
    "libraryDirectory": "src/components"
  }]]
}

5、 组件内引入需要的组件

import 'view-design/dist/styles/iview.css';
import { Button, Table, Icon } from 'view-design';

Vue.component('Button', Button);
Vue.component('Table', Table);

Another

npm install onsenui vue-onsenui

// Webpack CSS import
import 'onsenui/css/onsenui.css';
import 'onsenui/css/onsen-css-components.css';

// JS import
import Vue from 'vue';
import VueOnsen from 'vue-onsenui';
Vue.use(VueOnsen);