美文网首页前端学习笔记
关于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安装与使用

    Vux是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面基于webpack+vue-loa...

  • vux 的安装 和使用

    vux 的安装 和使用 npm i vux -S 2.npm i vux-loader --save-dev 3...

  • vue的类库vux安装

    cli环境中安装vux类库 npm install vux --save 安装vux-loader (这个vux文...

  • vue的UI框架 —— vux 的安装和使用

    用npm安装vux <1>. 在项目里安装vux npm install vux --save <2>. 安装vu...

  • Vue中使用vux的配置详解

    <1>在项目中安装vux npm install vux --save <2>安装vux-loader np...

  • vux安装手册 以及 "$t" is not defined 、

    前言:省去安装项目步奏! 1.在项目里安装vux npm install vux --save 2.安装vux-...

  • vue项目vux安装与使用

    一、未创建项目 如果项目还没有创建,可以套用vux2模板,快速开始: 二、已创建项目 1、安装 打开终端,进入项目...

  • 入坑VUX

    鉴于公司要使用VUX,今天来学习一下关于VUX的相关知识点。详细步骤的学习请前往:https://doc.vux....

  • vux

    yarn 安装 yarn add vux 缺少依赖 安装依赖即可less less-loader vux-loa...

  • 使用vux

    1.安装npm install vux --savenpm install vux-loader --save-d...

网友评论

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

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