Commit e48950bdebd58dc6e020fe96e13b075d984dd949
1 parent
e462d3c9
update readme
update readme
Showing
1 changed file
with
10 additions
and
16 deletions
Show diff stats
README.md
| @@ -31,36 +31,30 @@ | @@ -31,36 +31,30 @@ | ||
| 31 | 31 | ||
| 32 | ### Install vue-webpack project in the first place | 32 | ### Install vue-webpack project in the first place |
| 33 | 33 | ||
| 34 | -Use [vue-vueRouter-webpack](https://github.com/icarusion/vue-vueRouter-webpack)(Recommended) Or [vue-cli](https://github.com/vuejs/vue-cli) | 34 | +Use [iview-project](https://github.com/iview/iview-project)(Recommended) Or [vue-cli](https://github.com/vuejs/vue-cli) |
| 35 | 35 | ||
| 36 | ### Install iView | 36 | ### Install iView |
| 37 | 37 | ||
| 38 | ```bash | 38 | ```bash |
| 39 | +// using npm | ||
| 39 | npm install iview --save | 40 | npm install iview --save |
| 40 | -``` | ||
| 41 | - | ||
| 42 | -### Babel support for iView in webpack | ||
| 43 | -```js | ||
| 44 | -module: { | ||
| 45 | - loaders: [ | ||
| 46 | - { test: /iview.src.*?js$/, loader: 'babel' }, | ||
| 47 | - { test: /\.js$/, loader: 'babel', exclude: /node_modules/ } | ||
| 48 | - ] | ||
| 49 | -} | 41 | +// using script tag for global use |
| 42 | +<script type="text/javascript" src="iview.min.js"></script> | ||
| 50 | ``` | 43 | ``` |
| 51 | 44 | ||
| 52 | ## Usage | 45 | ## Usage |
| 53 | 46 | ||
| 54 | -Use component as required | ||
| 55 | - | ||
| 56 | ```html | 47 | ```html |
| 57 | <template> | 48 | <template> |
| 58 | - <Page :current="1" :total="100"></Page> | 49 | + <Slider :value.sync="value" range></Slider> |
| 59 | </template> | 50 | </template> |
| 60 | <script> | 51 | <script> |
| 61 | - import { Page } from 'iview'; | ||
| 62 | export default { | 52 | export default { |
| 63 | - components: { Page } | 53 | + data () { |
| 54 | + return { | ||
| 55 | + value: [20, 50] | ||
| 56 | + } | ||
| 57 | + } | ||
| 64 | } | 58 | } |
| 65 | </script> | 59 | </script> |
| 66 | ``` | 60 | ``` |