Vue自定义组件（一）货币输入框

最近看到有人提这个需求，正好也在学习自定义组件，就试着写一下

参考: vue官方文档

动态效果，后面是代码展示。

效果图

输入非法字符会自动过滤，小数点后只允许输入两位(ps:都可以自行修改)

父组件代码

<template>
    <div id="app">
        <h1>自定义输入框——金额</h1>
        <p style="color:red">这是爸爸：{
   {total}}</p>
        这是儿子：<currency-in