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
    }
})