Features

Usage

A. Globally

importVuefrom'vue'importmoneyfrom'v-money'// register directive v-money and component <money>Vue.use(money,{precision:4})

B. Use as component:https://jsfiddle.net/auom8st8/

<template><div><moneyv-model="price"v-bind="money"></money> {{price}}</div></template><script>import{Money}from'v-money'exportdefault{components:{Money},data(){return{price:123.45,money:{decimal:',',thousands:'.',prefix:'R$ ',suffix:' #',precision:2,masked:false}}}}</script>

C. Use as directive:https://jsfiddle.net/nj3cLoum/2/

<template><div><inputv-model.lazy="price"v-money="money"/> {{price}}</div></template><script>import{VMoney}from'v-money'exportdefault{data(){return{price:123.45,money:{decimal:',',thousands:'.',prefix:'R$ ',suffix:' #',precision:2,masked:false/* doesn't work with directive */}}},directives:{money:VMoney}}</script>

Properties

References