MAC上学习Vue---Day4. 项目中引入 iView 框架
2019-07-20 本文已影响4人
RaRasa
iView 框架安装
将 iView 框架安装到 Day2 创建的 dm 项目中,需要使用 CMD 工具执行如下命令:
cd dm
cnpm install iview --save-dev
iView 框架引入
1. 在 src/components 文件夹下打开 HelloWorld.vue 文件,将 class 名为 hello 的 div 内部标签全部删除,替换为 Button 组件:
<Button type="success">Success</Button>
2. 使用 CMD 工具执行:cnpm run dev,并使用浏览器打开:http://localhost:8080,可见下图:
3. 在 src 文件夹下打开 mian.js 文件,并添加如下代码:
import iView from 'iview'
import 'iview/dist/styles/iview.css'
Vue.use(iView)
4. 回到浏览器打开:http://localhost:8080,此时的“Button”正是引入“iView 框架”后的效果