iView 安装
将 iView 框架安装到 Day 2 创建的 dm 项目中，需要使用 CMD 工具执行如下命令：
cd dm
cnpm install iview --save-dev
iView 引入
- 在
src/components文件夹下打开HelloWorld.vue文件，将class名为hello的div内部标签全部删除，替换为Button组件：
<template>
<div class="hello">
<Button type="success">Success</Button>
</div>
</template>
- 使用
CMD工具执行：
cnpm run dev
- 使用浏览器打开如下地址：
http://localhost:8080/
1.png
- 在
src文件夹下打开mian.js文件，并添加如下代码：
import iView from 'iview'
import 'iview/dist/styles/iview.css'
Vue.use(iView)
- 使用浏览器打开如下地址，此时的
Button正是引入iView框架后的效果
http://localhost:8080/
2.png
网友评论