vuejs2.x中confirm弹窗如何控制提示语和点击确定与取消事件。。来上代码吧！

Question

弹窗组件：

 <template>
  <div class="modal-mask">
    <div class="modal-confirm">
      <h4 class="confirm-header">操作提示</h4>
      <div class="confirm-content">
        {{ content }}
      </div>
      <div class="confirm-btns">
        <button class="btn" v-on:click="op('cancel')">取 消</button>
        <button class="btn btn-primary" v-on:click="op('ok')">确 定</button>
      </div>
    </div>
  </div>
</template>

调用组件的页面：

 <template>
    <div>
        <h1>Alert</h1>
        <button class="btn btn-primary" v-on:click="alert">alert</button>
        <confirm :parent-msg="parentMsg" v-show="confirmshow"></confirm>
    </div>
</template>

Answer 1

这个是父组件

 <template>
  <div id="app">
    <confirm :m="msg"></confirm>
  </div>
</template>
<script>
  import confirm from "./components/confirm";
  export default {
    name: 'app',
    data(){
      return {
        msg:"父组件的message"
      }
    },
    components:{
      confirm
    }
  }
</script>

子组件

 <template>
    <p>{{m}}</p>
</template>
<script>
  export default {
    props:["m"]
  }
</script>

就这么点事，如果需要双向绑定还得改