2016年5月3日 星期二

VUX - 基於 Vue.js 和 WeUI 的移動前端框架



Usage


# install vue-cli
npm install -g vue-cli

# init a webpack project
vue init webpack my-project
cd my-project
npm install
npm install vux
npm run dev

<template>
  <div>
    <group>
      <cell title="vue" value="cool"></cell>
    </group>
  </div>
</template>

<script>
import { Style, Group, Cell } from 'vux'
export default {
  components: {
    Style, // style component is necessary
    Group,
    Cell
  }
}
</script>

## Remove click delays include Fastclick `` then
if ('addEventListener' in document) {
  document.addEventListener('DOMContentLoaded', function() {
      FastClick.attach(document.body);
  }, false);
}

## Async loading Components
// import Countup from './demos/Countup'

const Countup = function (resolve) {
  require(['./demos/Countup'], resolve) // webpack will do the rest things
}

## Work in Progress This project is still in progress, so do not rely on this for anything important before production-ready version released. And pull requests are welcome. ## Development Setup
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# run unit tests
npm test

For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).(https://github.com/airyland/vux) ## Components


Share:

0 意見: