mint-ui vue双向绑定

由于最近项目需求，用上了mint-ui来重构移动端页面，从框架本身来讲我觉得很强大了，用起来也很不错，但是文档就真的是，，，，让我无言以对，给的api对于我们这些小菜鸟来讲真的是处处是坑呀（ps:用vue的主要目的是方便数据双向绑定，所以并没有配置vue的环境，webpack，node等）

mint-ui Toast

官网文档示例：

Toast({
  message: 'Upload Complete',
  position: 'bottom',
  duration: 5000
});

实际应用：

this.$toast({
                   message: '提示信息',
                   position: 'middle',
                   duration: 3000
               });

mint-ui MessageBox

官网文档示例：

MessageBox({
  title: 'Notice',
  message: 'Are you sure?',
  showCancelButton: true
});

实际应用：

 this.$messagebox.confirm('确定执行此操作?')
                                .then(action => {
                                    this.cancel = false;
                                })
                                .catch(action => {
                                    this.cancel = true;
                                });

mint-ui Field

mt-field type="date"初始化的时候预置值格式

<template>    
<mt-field label="birthday" placeholder="Input birthday" type="date" v-model="birthday"></mt-field>
</tempalte>
<script>
    export default{
         data(){
        return{
                birthday:'2017-06-12'
            }
        },
        methods:{}
    }
</script>        

mint-ui Switch

事件change ,API文档里面写返回一个checked：boolen值，但是直接在change事件里面取出来的checked值却和mt-switch绑定的value相反，所以还是只能监听value的变化