美文网首页Vue.jsVue生态圈前端Vue专辑
MAC上学习Vue---Day4. 项目中引入 iView 框架

MAC上学习Vue---Day4. 项目中引入 iView 框架

作者: RaRasa | 来源:发表于2019-07-20 07:58 被阅读4次

    iView 框架安装

    iView 框架安装到 Day2 创建的 dm 项目中,需要使用 CMD 工具执行如下命令:

    cd dm

    cnpm install iview --save-dev


    iView 框架引入

    1. 在 src/components 文件夹下打开 HelloWorld.vue 文件,将 class 名为 hellodiv 内部标签全部删除,替换为 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 框架”后的效果

    相关文章

      网友评论

        本文标题:MAC上学习Vue---Day4. 项目中引入 iView 框架

        本文链接:https://www.haomeiwen.com/subject/edtelctx.html