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的變化