最近美团开源了一个可以用vue来开发小程序的框架mpvue，看起来还挺不错的，我自己觉得wepy的开发体验不是很好，所以还是比较期待这个新框架的，基于mpvue写了个toast组件，主要是试试水，总体的开发体验还是很不错的。先贴出来github地址，有兴趣的可以看看，喜欢的请给个star拉~

主要有这几个问题：

• 小程序好像没有动态添加节点的api，所以只能做成组件形式，还不支持api形式
• transition不起作用，所以动画需要别的实现方式
• 没有ref属性可用，如果要访问子组件上的属性和方法，可能要通过$children
• 暂时不支持全局组件
• 发布到npm后main字段需要指向.vue文件上才能正常构建，指向js文件，在js文件中再抛出vue文件构建失败，issue33

代码也比较简单，就不解释了，拿readme凑下字数~

mpvue-toast

mpvue-toast is a toast plugin for mpvue.

Screenshots

Install

npm install mpvue-toast --save

Usage

<template>
  <div>
    <toast message="hello from toast" :visible.sync="visible"></toast>
    <button @click='setVisible(false)'>toggle toast</button>
    <!-- <toast message="hello from toast" :visible.sync="visible" :img="img"></toast> -->
    <!-- <toast message="hello from toast" :visible.sync="visible" icon-class="iconfont icon-shoucang"></toast> -->
  </div>
</template>

<script>
import toast from 'mpvue-toast'
// import img from 'img.jpg'
// import '@/icon.css'

export default {
  data () {
    return {
      visible: false,
      // img
    }
  },

  components: {
    toast
  },

  methods: {
    setVisible() {
      this.visible = !this.visible
    }
  },
}
</script>

Props

TODO

• [ ] test
• [ ] api

Other Component

• mpvue-ripple