iview template模式_「iview」iview_入门 - seo实验室

iview

执行npm install iview --save 在项目中引入iview

引入 iView #

一般在 webpack 入口页面 main.js 中如下配置：

import iView from 'iview'

import 'iview/dist/styles/iview.css'

//导入样式

Vue.config.productionTip = false

Vue.use(iView)

在非 template/render 模式下(例如使用 cdn 引用时)，组件名要分隔，例如 DatePicker 必须要写成 date-picker。

以下组件，在非 template/render 模式下，需要加前缀 i-：

Button: i-button

Col: i-col

Table: i-table

Input: i-input

Form: i-form

Menu: i-menu

Select: i-select

Option: i-option

progress: i-progress

以下组件，在所有模式下，必须加前缀 i-，除非使用 iview-loader：

Switch: i-switch

Circle: i-circle

2.因为iView 的所有组件文案默认使用的是中文，通过设置可以使用其它语言。

在 Webpack 中使用 #

完整引入 iView

import Vue from 'vue';