vuejs2.0怎么开发一个重用的提示弹框？

Question

vuejs弹窗组件怎么开发呢？网上的都是webpack开发的，看不懂，类似这样的：

标题，提示语可以控制，按钮上的事件可以控制，怎么写，有没有简单的demo让我参考一下？最好不用webpack，就使用最普通的组件开发，谢谢各位了。
希望大家帮忙写个小demo，或者帮忙提供一下思路，这个是用来全站通用的，算是个美化的confirm弹窗。
在线等，特别着急，项目延期了，公司要裁人呢。

Answer 1

这...

首先样式, 你这里有了, 布局应该可以根据自己的需求模拟出来.
同时推荐 CSS的垂直居中方法, 可以了解一下垂直居中.

其次这个组件可能出现的动态内容,主要有6个:

1. title: 删除奖品,
2. content: 是否确认删除,
3. left_btn: 取消,
4. right_btn: 确定,
5. left_btn.onclick, 点击取消的回调
6. right_btn.onclick, 点击确定的回调

所以写一个组件,

function test(title, content, left_btn, right_btn, left_btnClick, right_btnclick){
    //传入参数 对应生成html append到页面当中.
}

vue思路,

<script type="text/x-template" id="弹出框组件">
<div class="弹出框">
    <!-- 这里写入布局, 以title为例 -->   
    <div class="样式类">{{title}}</div>
</div>
</script>
<弹出框组件 ></弹出框组件>

  var data = {title: "标题"}
  //表格式表单组件
  Vue.component( "弹出框组件",{
    template: '#弹出框组件',
    data: function(){
      return data;
    },
    ...
  })
  

Answer 2

vue和webpack就不是一个东西………
什么叫使用webpack开发的…………

你可以直接去看比较流行的vue组件源码嘛。
比如这个：对话框
源码在这里：modal

Answer 3

不用webpack，一楼的思路是对的！楼主可以试试！

Answer 4

刚好看到关于一个跟弹窗很相似的思路，你看看：https://segmentfault.com/a/11...

Answer 5

楼主你好，我也遇到这个问题了。后来是怎么解决的啊？谢谢