mobile components for Vue.js
CSS Vue JavaScript HTML
Latest commit a6b3fd1 Jan 24, 2016 @mennghao mennghao Create README.md
Permalink
Failed to load latest commit information.
dist update:fix bug Nov 29, 2015
docs merge Nov 29, 2015
src fix confrim to confirm Jan 7, 2016
.gitignore update readme Oct 12, 2015
.npmignore update version to 2.0.0 Nov 29, 2015
README.md Create README.md Jan 24, 2016
index.html fix Nov 29, 2015
package.json update version to 2.0.0 Nov 29, 2015
webpack.config.js update:update readme & config Nov 29, 2015

README.md

vue-mui

mobile components for Vue.js 1.0.*

Documentation

Here

Usage

import mui.css

<link rel="stylesheet" href="./dist/mui.css">

CommonJS

➜ npm install vue-mui

example:

<template>
<a class="test-btn test-btn-confirm" @click.prevent="show=true">confirm</a>
<confirm :show.sync="show"
         :title="title" 
         :content="content"></confirm>
</template>
var confirm = require('vue-mui').confirm;
// or //
import { confirm } from 'vue-mui'

export default {
    data() {
        return {
            show : false,
            title : 'This is title (optional)',
            content : 'This is content'
        }
    },
    components : {
        confirm
    },
    events : {
        confirm() {
            ...code...
        },
        cancel() {
            ...code...
        }
    }
}

Browser

<div id="app">
    <alert></alert>
</div>
<script type="text/javascript" src="./dist/vue.js"></script>
<script type="text/javascript" src="./dist/mui.js"></script>
var alert = mui.alert

var app = new Vue({
    el : '#app',
    components : {
        'alert' : alert
    }
})