1-toast.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  <link rel="stylesheet" href="style.css">
  <style></style>
  <title>toast</title>
</head>
<body>
  <div id="app">
    <mt-button @click.native="handleClick">点击弹出toast</mt-button>
  </div>
</body>
<!-- 先引入 Vue -->
<script src="vue.js"></script>
<!-- 引入组件库 -->
<script src="mint-ui/lib/index.js"></script>
<script type="text/javascript">
  // import{toast}from'mint-ui';
  new Vue({
    el:'#app',
    methods:{
      handleClick:function(){
        this.$toast('提示信息')
      }
    }
  });
</script>
</html>