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 | 31 | |
| 32 | 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 | 36 | ### Install iView |
| 37 | 37 | |
| 38 | 38 | ```bash |
| 39 | +// using npm | |
| 39 | 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 | 45 | ## Usage |
| 53 | 46 | |
| 54 | -Use component as required | |
| 55 | - | |
| 56 | 47 | ```html |
| 57 | 48 | <template> |
| 58 | - <Page :current="1" :total="100"></Page> | |
| 49 | + <Slider :value.sync="value" range></Slider> | |
| 59 | 50 | </template> |
| 60 | 51 | <script> |
| 61 | - import { Page } from 'iview'; | |
| 62 | 52 | export default { |
| 63 | - components: { Page } | |
| 53 | + data () { | |
| 54 | + return { | |
| 55 | + value: [20, 50] | |
| 56 | + } | |
| 57 | + } | |
| 64 | 58 | } |
| 65 | 59 | </script> |
| 66 | 60 | ``` | ... | ... |