美文网首页前端学习笔记
关于vux安装与使用

关于vux安装与使用

作者: 简小咖 | 来源:发表于2017-08-30 22:08 被阅读738次

    Vux是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面
    基于webpack+vue-loader+vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要的样式。vux-loader保证了组件按需使用,因此不用担心最终打包了整个vux的组件库代码。

    快速初始化项目

    npm install vue-cli -g // 如果还没安装
    vue init airyland/vux2 projectPath
    
    cd projectPath
    npm install --registry=https://registry.npm.taobao.org
    npm run dev
    

    使用

    组件的使用说明
    https://vux.li/#/zh-CN/README
    例如:home.vue

    <template>
      <div class="home">
        <x-header :left-options="{showBack: false}">{{ msg }}</x-header>
      </div>
    </template>
    <script>
    import {XHeader} from 'vux'
    export default {
      name: 'home',
      data() {
        return {
          msg: 'Home'
        }
      },
      components:{
        XHeader
      }
    }
    </script>
    

    相关文章

      网友评论

        本文标题:关于vux安装与使用

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